Hide all top bars for unauthenticated users

src/app/(site)/layout.tsx

@@ -16,9 +16,13 @@ export default async function SiteLayout({ children }: { children: ReactNode })
 
 	return (
 		<>
-			<TopHeader session={session} />
+			{session?.user?.id ? (
-			<SiteHeader />
+				<>
-			{session?.user?.id ? <Navigation session={session} /> : null}
+					<TopHeader session={session} />
+					<SiteHeader />
+					<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">