Remove conditional header component

app/layout.tsx

@@ -5,7 +5,7 @@ import dynamic from "next/dynamic";
 import { MessagesProvider } from "./contexts/MessagesContext";
 import messages from "../messages/en/index";
 import "./globals.css";
-import ConditionalHeader from "./components/navigation/ConditionalHeader";
+import TopNavWithPathname from "./components/navigation/TopNav/TopNavWithPathname";
 
 // Code split Footer - below the fold, can be lazy loaded
 const Footer = dynamic(() => import("./components/navigation/Footer"), {
@@ -107,7 +107,7 @@ export default function RootLayout({ children }: { children: ReactNode }) {
       >
         <MessagesProvider messages={messages}>
           <div className="min-h-screen flex flex-col">
-            <ConditionalHeader />
+            <TopNavWithPathname />
             <main className="flex-1">{children}</main>
             <Footer />
           </div>