refactor: serve static frontend with Go APIs

app/create/page.tsx

@@ -1,12 +1,19 @@
-import { CreateStudio } from "@/components/create-studio";
+"use client";
 
-export default async function CreatePage({
-  searchParams
-}: {
-  searchParams?: Promise<Record<string, string | string[] | undefined>>;
-}) {
-  const params = await searchParams;
-  const modeParam = Array.isArray(params?.mode) ? params?.mode[0] : params?.mode;
-  const initialMode = modeParam === "video" ? "video" : "image";
-  return <CreateStudio initialMode={initialMode} />;
+import { useEffect, useState } from "react";
+import { CreateStudio } from "@/components/create-studio";
+import { BrowserAuthGuard } from "@/components/browser-auth";
+
+export default function CreatePage() {
+  const [initialMode, setInitialMode] = useState<"image" | "video" | null>(null);
+
+  useEffect(() => {
+    setInitialMode(new URLSearchParams(window.location.search).get("mode") === "video" ? "video" : "image");
+  }, []);
+
+  return (
+    <BrowserAuthGuard>
+      {initialMode ? <CreateStudio initialMode={initialMode} /> : <section className="panel"><p className="muted">正在加载创作台…</p></section>}
+    </BrowserAuthGuard>
+  );
 }