Custom navigation bar's button doesn't work (SwiftUI)

I am currently learning SwiftUI and I followed this video to create a custom NavigationBar.

Learn how to create a custom navigation bar with a logo in SwiftUI framework and Xcode - Part 2

The buttons doesn't work when I click on it unless I don't use padding() and ignoreSafeArea(), but without using it, the navigationBar would appear on middle of the page. (I also tried use Spacer() but it didn't work)

Is there anyway to fix this issue?

Code for HomePage()

 VStack{
    NavigationBarView()
      .padding(.horizontal, 15)
      .padding(.bottom)
      .padding(.top, UIApplication.shared.windows.first?.safeAreaInsets.top)
      .shadow(color: Color.black.opacity(0.1), radius: 5, x: 0, y: 5)
      .ignoresSafeArea(.all, edges: .top)

Code for NavigationBarView()

HStack{
                
  NavigationLink(
    destination: PersonalMenuPage()
    ,label: {
      ZStack {
        Image("Profile")
          .renderingMode(.original)
          .resizable()
          .aspectRatio(contentMode: .fit)
          .frame(width: 40, height: 40)
          .padding(.horizontal, 10)
                            
          Circle()
          .fill(Color.red)
          .frame(width:14, height: 14, alignment: .center)
          .offset(x: 13, y: -10)
          }
         }
      )
 }//: hStack

Here is sample output Sample output