feat: full studio build -- light theme, canvas thumbnails, i18n (fa/en)

src/app/[locale]/dashboard/layout.tsx

@@ -0,0 +1,36 @@
+import { redirect } from "next/navigation";
+
+import { DashboardShell } from "@/components/dashboard/DashboardShell";
+import { createClient } from "@/lib/supabase/server";
+
+export const dynamic = "force-dynamic";
+
+export default async function DashboardLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  const supabase = await createClient();
+  const {
+    data: { user },
+  } = await supabase.auth.getUser();
+
+  if (!user) {
+    redirect("/auth");
+  }
+
+  const userName =
+    typeof user.user_metadata?.full_name === "string"
+      ? user.user_metadata.full_name
+      : null;
+
+  return (
+    <DashboardShell
+      userEmail={user.email ?? ""}
+      userName={userName}
+      userId={user.id}
+    >
+      {children}
+    </DashboardShell>
+  );
+}

src/app/[locale]/dashboard/page.tsx

@@ -0,0 +1,22 @@
+import type { Metadata } from "next";
+import { Suspense } from "react";
+
+import { DashboardProjectsContent } from "@/components/dashboard/DashboardProjectsContent";
+import { DashboardProjectsSection } from "@/components/dashboard/DashboardProjectsSection";
+import { createPageMetadata } from "@/lib/metadata";
+
+export const metadata: Metadata = createPageMetadata({
+  title: "Dashboard",
+  description: "Your CreatorStudio workspace — projects, templates, and tools.",
+  path: "/dashboard",
+});
+
+export const dynamic = "force-dynamic";
+
+export default function DashboardPage() {
+  return (
+    <Suspense fallback={<DashboardProjectsSection isLoading />}>
+      <DashboardProjectsContent />
+    </Suspense>
+  );
+}

src/app/[locale]/dashboard/settings/page.tsx

@@ -0,0 +1,26 @@
+import type { Metadata } from "next";
+
+import { createPageMetadata } from "@/lib/metadata";
+
+export const metadata: Metadata = createPageMetadata({
+  title: "Settings",
+  description: "Manage your CreatorStudio account and workspace preferences.",
+  path: "/dashboard/settings",
+});
+
+export default function DashboardSettingsPage() {
+  return (
+    <div className="flex flex-1 flex-col">
+      <header className="border-b border-gray-100 bg-white px-6 py-4">
+        <h1 className="font-heading text-xl font-bold text-neutral-900">
+          Settings
+        </h1>
+      </header>
+      <div className="flex-1 p-6">
+        <p className="text-sm text-neutral-600">
+          Account and workspace settings will be available here soon.
+        </p>
+      </div>
+    </div>
+  );
+}