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

src/app/[locale]/studio/video/[projectId]/layout.tsx

@@ -0,0 +1,18 @@
+import type { Metadata } from "next";
+
+import { createPageMetadata } from "@/lib/metadata";
+
+export const metadata: Metadata = createPageMetadata({
+  title: "Video Studio",
+  description:
+    "Edit multi-scene video projects with layers, timeline, transitions, and export.",
+  path: "/studio/video",
+});
+
+export default function VideoStudioProjectLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return children;
+}

src/app/[locale]/studio/video/[projectId]/page.tsx

@@ -0,0 +1,28 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+const VideoStudioLayout = dynamic(
+  () =>
+    import("@/components/studio/video/VideoStudioLayout").then(
+      (mod) => mod.VideoStudioLayout
+    ),
+  {
+    ssr: false,
+    loading: () => (
+      <div className="flex h-screen w-screen items-center justify-center bg-gray-900 text-sm text-gray-500">
+        Loading studio…
+      </div>
+    ),
+  }
+);
+
+interface VideoStudioPageProps {
+  params: {
+    projectId: string;
+  };
+}
+
+export default function VideoStudioPage({ params }: VideoStudioPageProps) {
+  return <VideoStudioLayout projectId={params.projectId} />;
+}