Initial commit

app/(dashboard)/dashboard/profile/page.tsx

@@ -0,0 +1,37 @@
+import { ProfileForm } from "@/components/dashboard/profile-form";
+import { db } from "@/lib/db";
+import { DEFAULT_THEME_ID } from "@/lib/constants";
+import { requireCurrentUser } from "@/lib/session";
+
+export default async function DashboardProfilePage() {
+  const user = await requireCurrentUser();
+  const [profile, themes] = await Promise.all([
+    db.profile.findUnique({
+      where: { userId: user.id }
+    }),
+    db.theme.findMany({ orderBy: { name: "asc" } })
+  ]);
+
+  return (
+    <section className="space-y-6">
+      <header className="space-y-2">
+        <h1 className="text-2xl font-semibold">Profile</h1>
+        <p className="text-sm text-muted">
+          Update how your public page appears. Username changes update your public URL.
+        </p>
+      </header>
+
+      <ProfileForm
+        initialValues={{
+          username: profile?.username ?? "",
+          displayName: profile?.displayName ?? "",
+          bio: profile?.bio ?? "",
+          avatarUrl: profile?.avatarUrl ?? "",
+          themeId: profile?.themeId ?? DEFAULT_THEME_ID,
+          isPublic: profile?.isPublic ?? true
+        }}
+        themes={themes}
+      />
+    </section>
+  );
+}