Fix navbar when logged out

Author: SelwynAng

frontend/app/layout.tsx

@@ -40,10 +40,8 @@ export default function RootLayout({
           disableTransitionOnChange
         >
           <AuthProvider>
-            <AuthPageWrapper>
-              <Navbar />
-              {children}
-            </AuthPageWrapper>
+            <Navbar />
+            <AuthPageWrapper>{children}</AuthPageWrapper>
           </AuthProvider>
           <Toaster />
         </ThemeProvider>

frontend/components/navbar.tsx

@@ -22,6 +22,10 @@ export function Navbar() {
 
   const isActive = (path: string) => pathname === path;
 
+  if (!auth?.user) {
+    return;
+  }
+
   return (
     <nav className="bg-background border-b">
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">