Socialcademy 10 Adding Comments : Can't see comment TextField

I am posting this because the issue still remains after over a year of the last post made on this subject. The proposed solution to put the Group in a NavigationView then placing the toolbar in the NavigationView did not work for me. Why can I not see the Comment TextField?

import SwiftUI
import Foundation

struct CommentsList: View {
    @StateObject var viewModel: CommentsViewModel
    
    var body: some View {
        
        NavigationView{
            Group {
                switch viewModel.comments {
                case .loading:
                    ProgressView()
                        .onAppear {
                            viewModel.fetchComments()
                        }
                case let .error(error):
                    EmptyListView(
                        title: "Cannot Load Comments",
                        message: error.localizedDescription,
                        retryAction: {
                            viewModel.fetchComments()
                        }
                    )
                case .empty:
                    EmptyListView(
                        title: "No Comments",
                        message: "Be the first to leave a comment."
                    )
                case let .loaded(comments):
                    List(comments) { comment in
                        CommentRow(comment: comment)
                    }
                    //    .padding(.bottom, 10) // use this for white background
                    .animation(.default, value: comments)
                }
            }
            .toolbar {
                ToolbarItem(placement: .bottomBar) {
                    NewCommentForm(viewModel: viewModel.makeNewCommentViewModel())
                        .padding(.bottom, 20)
                }
            }
        }
        .navigationTitle("Comments")
        .navigationBarTitleDisplayMode(.inline)
    }
}
private extension CommentsList {
    struct NewCommentForm: View {
        @StateObject var viewModel: FormViewModel<Comment>
        
        var body: some View {
            HStack {
                TextField("Comment", text: $viewModel.content)
                Button(action: viewModel.submit) {
                    if viewModel.isWorking {
                        ProgressView()
                    } else {
                        Label("Post", systemImage: "paperplane")
                    }
                }
            }
            .alert("Cannot Post Comment", error: $viewModel.error)
            .animation(.default, value: viewModel.isWorking)
            .disabled(viewModel.isWorking)
            .onSubmit(viewModel.submit)
        }
    }
}

#if DEBUG
struct CommentsList_Previews: PreviewProvider {
    static var previews: some View {
        ListPreview(state: .loaded([Comment.testComment]))
        ListPreview(state: .empty)
        ListPreview(state: .error)
        ListPreview(state: .loading)
    }
    
    private struct ListPreview: View {
        let state: Loadable<[Comment]>
        
        var body: some View {
            NavigationStack{
                CommentsList(viewModel: CommentsViewModel(commentsRepository: CommentsRepositoryStub(state: state)))
            }
        }
    }
}
#endif

I have been confused on this for a little bit now and am leaving it up to other iOS developers to help me out, what should I try next?