Hide all top bars for unauthenticated users

src/app/(site)/layout.tsx

@@ -15,10 +15,14 @@ export default async function SiteLayout({ children }: { children: ReactNode })
 	const session = await auth();
 
 	return (
+		<>
+			{session?.user?.id ? (
 				<>
 					<TopHeader session={session} />
 					<SiteHeader />
-			{session?.user?.id ? <Navigation session={session} /> : null}
+					<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">