Initial commit

app/(dashboard)/dashboard/layout.tsx

@@ -0,0 +1,33 @@
+import Link from "next/link";
+import type { ReactNode } from "react";
+import { SignOutButton } from "@/components/auth/signout-button";
+import { Sidebar } from "@/components/dashboard/sidebar";
+import { requireCurrentUser } from "@/lib/session";
+
+export default async function DashboardLayout({
+  children
+}: {
+  children: ReactNode;
+}) {
+  const user = await requireCurrentUser();
+
+  return (
+    <div className="dashboard-shell flex min-h-screen flex-col">
+      <header className="mb-7 flex flex-wrap items-center justify-between gap-4 border-b border-border/80 pb-5">
+        <div className="space-y-1">
+          <Link href="/" className="terminal-heading">
+            PayMe
+          </Link>
+          <p className="text-sm text-muted">{user.email}</p>
+        </div>
+
+        <SignOutButton />
+      </header>
+
+      <div className="flex flex-col gap-7 md:flex-row">
+        <Sidebar username={user.profile?.username} />
+        <main className="min-w-0 flex-1">{children}</main>
+      </div>
+    </div>
+  );
+}