Hide navigation bar for unauthenticated users

src/app/(site)/layout.tsx

@@ -18,7 +18,7 @@ export default async function SiteLayout({ children }: { children: ReactNode })
 		<>
 			<TopHeader session={session} />
 			<SiteHeader />
-			<Navigation session={session} />
+			{session?.user?.id ? <Navigation session={session} /> : null}
 			<main>
 				<div className="mx-auto mt-6 grid max-w-7xl grid-cols-12 gap-x-3 gap-y-6 px-4 py-4 md:mt-0 md:p-6">
 					<div className="col-span-12 min-w-0">