Phase 2

Base app architecture:

    Route groups for customer, staff and owner.
* Reusable design system with around 20 UI components.
* Complete Prisma schema.
* Authentication with email/password and Google.
* Role and permission model.
* Protected routes.
* Clean separation between features, services, components and shared utilities.

src/app/(customer)/settings/page.tsx

@@ -0,0 +1,26 @@
+import type { Metadata } from "next";
+import { auth } from "@/auth";
+import { ProfileCard } from "@/components/ui/profile-card";
+import { SignOutButton } from "@/features/auth/components/sign-out-button";
+
+export const metadata: Metadata = { title: "Settings" };
+
+export default async function CustomerSettingsPage() {
+  const session = await auth();
+
+  return (
+    <div className="space-y-6 px-6 pt-12">
+      <h1 className="text-2xl font-bold tracking-tight">Settings</h1>
+      <ProfileCard
+        name={session?.user?.name ?? "Signed-in customer"}
+        meta={session?.user?.email}
+        avatarUrl={session?.user?.image ?? undefined}
+      />
+      <p className="text-sm text-muted">
+        Preferred barber, loyalty card, and notification preferences are designed in
+        <code> templates/10, 11, 35</code> and land in later phases.
+      </p>
+      <SignOutButton />
+    </div>
+  );
+}