Push user to a logged in view not working

For iOS16+, I am using Google Sign In button on ContentView to authenticate users. If users are not authenticated, the button shows and user can go through the authentication process. Once authenticated, user is brought back to ContentView that also checks if user has been signed in. If so, we send the user to main app, say UserProfileView.

My code is as follows. When the user is signed in, UserProfileView renders inside ContentView rather than sending the user new a completely new view. I've tried various ways but can't figure out how to do so.

import SwiftUI
import GoogleSignIn
import GoogleSignInSwift

struct ContentView: View {
    //some vars declared
    @State private var path = NavigationPath()
    @EnvironmentObject var authViewModel: AuthenticationViewModel
    @ObservedObject var vm = GoogleSignInButtonViewModel(style: .wide)

var body: some View {
    VStack {
        //some code with logo etc
        HStack {
            switch authViewModel.state {
            case .signedIn:
                let _ = print("User is signed in")
                NavigationStack(path: $path) {
                    Text("")
                }
                .onAppear {
                    DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
                        path.append("UserProfileView")
                    }
                }
            case .signedOut:
                let _ = print("User is signed out")
                GoogleSignInButton(viewModel: vm, action: authViewModel.signIn)
                    .accessibilityIdentifier("GoogleSignInButton")
                    .accessibility(hint: Text("Sign in with Google button."))
                    .padding()
            }
        }
    }
    .padding()
    .frame(maxWidth: .infinity, maxHeight: .infinity)
    .background(Color("Standard").ignoresSafeArea(.all, edges: .all))
}

ContentView before user signs in:

ContentView after user signs in; note the UserProfileView renders inside the ContentView (where the Google Sign In button used to be), rather than navigating to a UserProfileView that takes up the entire screen.

UserProfileView - user should be directed from ContentView to here upon login. UserProfileView as shown below takes up the whole screen, which is what I want.

Would appreciate some help here.

How about this, just using a SignInState enum to switch between views:

enum SignInState {
    case signedIn, signedOut
}

struct ContentView: View {

    @State var state: SignInState
        
    var body: some View {
        switch state {
        case .signedOut:
            SignInView(state: $state)
        case .signedIn:
            NavigationStack {
                UserProfileView()
            }
        }
    }
}

struct SignInView: View {
    
    @Binding var state: SignInState
    
    var body: some View {
        VStack {
            Rectangle()
                .frame(width: 300, height: 400)
                
            Button("Sign in") {
                state = .signedIn
            }
            .buttonStyle(.borderedProminent)
            .padding()
            Spacer()
        }
        .frame(maxWidth: .infinity)
        .background(.mint, ignoresSafeAreaEdges: .all)
        .navigationTitle("Sign in")
    }
}

struct UserProfileView: View {    
    var body: some View {
        Text("User Profile")
            .navigationTitle("User Profile")
    }
}