ui/ reusable header

src/components/site-header.tsx

@@ -0,0 +1,20 @@
+import Link from "next/link";
+import { UserProfile } from "@/components/auth/user-profile";
+
+export function SiteHeader() {
+  return (
+    <header className="border-b">
+      <div className="container mx-auto px-4 py-4 flex justify-between items-center">
+        <h1 className="text-2xl font-bold">
+          <Link
+            href="/"
+            className="bg-clip-text text-transparent [background-image:linear-gradient(90deg,color-mix(in_oklab,var(--primary)_85%,white_0%),color-mix(in_oklab,var(--primary)_50%,white_0%))] hover:opacity-90"
+          >
+            Next.js Starter Kit
+          </Link>
+        </h1>
+        <UserProfile />
+      </div>
+    </header>
+  );
+}