Removing blur borderline at the bottom of the screen in Swift

I am trying to delete the blurry borderline thats at the bottom of the screen.I have tried the .edgesIgnoringSafeArea(.all) but no luck. I assume something related to stacking but I am quite new to xcode so I am not quite sure what to do here.

ContentView.swift

struct ContentView: View {
    @StateObject var cartManager = CartManager()
    
    var columns = [GridItem(.adaptive(minimum: 160), spacing: 20)]
    
    var body: some View {
        NavigationView {
            VStack {
                ScrollView {
                    LazyVGrid(columns: columns, spacing: 20) {
                        ForEach(productList, id: \.id) { product in
                            ProductCard(product: product)
                                .environmentObject(cartManager)
                        }
                    }
                    .padding()
                }
                //.background(Color.white.ignoresSafeArea(.all))
                //Change the background color
                .background(Color(UIColor(hexString: "#f0f0f0")))
                .navigationTitle(Text("Brunnings"))
                .toolbar {
                    ToolbarItem(placement: .bottomBar) {
                        HStack {
                            Navbar(image: Image("Home"), destination: EmptyView())
                            Spacer()
                            Navbar(image: Image("Location"), destination: StoreLocationView())
                            Spacer()
                            Navbar(image: Image("Profile"), destination: ProfileView())
                        }
                        .padding(8)
                        .background(Color(UIColor(hexString: "#F8F8F8")))
                        .clipShape(Capsule())
                        .padding(.horizontal)
                        .shadow(color: Color.black.opacity(0.15), radius: 8, x: 2, y: 6)
                        .frame(maxHeight: .infinity, alignment: .bottom)
                    }
                    ToolbarItem(placement: .navigationBarTrailing) {
                        NavigationLink(destination: CartView().environmentObject(cartManager)) {
                            CartButton(numberOfProducts: cartManager.products.count)
                        }
                    }
                    
            }
            }
            
        }
        
        .navigationViewStyle(StackNavigationViewStyle())
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

I want it to look something like this below.

Here's what I think about using a ZStack for a custom toolbar. The design isn't great but it helps to understand what's going on.

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationStack {
            ZStack(alignment: .bottom) {
                ScrollView {
                    LazyVStack {
                        ForEach(1...16, id: \.self) {
                            Text("\($0)")
                                .padding()
                                .frame(maxWidth: .infinity)
                                .background(Color(UIColor.systemGray6))
                        }
                    }
                }
                .navigationBarTitleDisplayMode(.inline)
                .toolbar {
                    ToolbarItem(placement: .principal) {
                        Text("Brunnings")
                    }
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Image(systemName: "cart")
                    }
                }
                HStack {
                    Spacer()
                    Image(systemName: "house.fill")
                        .resizable()
                        .frame(width: 24, height: 24)
                    Spacer()
                    Image(systemName: "map.fill")
                        .resizable()
                        .frame(width: 24, height: 24)
                    Spacer()
                    Image(systemName: "person.crop.circle.fill")
                        .resizable()
                        .frame(width: 24, height: 24)
                    Spacer()
                }
                .padding()
                .background(Color.red)
                .clipShape(Capsule())
                .padding()
            }
        }
    }
}