feat:drinkkaart

apps/web/src/components/SiteHeader.tsx

@@ -0,0 +1,18 @@
+"use client";
+
+import { authClient } from "@/lib/auth-client";
+import { Header } from "./Header";
+
+/**
+ * Client-side header wrapper.
+ * Reads the current session and renders <Header> only when the user is logged in.
+ * Rendered in __root.tsx so it appears on every page.
+ */
+export function SiteHeader() {
+	const { data: session } = authClient.useSession();
+
+	if (!session?.user) return null;
+
+	const user = session.user as { name: string; role?: string };
+	return <Header userName={user.name} isAdmin={user.role === "admin"} />;
+}