feat: implement Convex-synced canvas foundation

app/(app)/canvas/[canvasId]/page.tsx

@@ -0,0 +1,27 @@
+import { redirect } from "next/navigation";
+
+import Canvas from "@/components/canvas/canvas";
+import CanvasToolbar from "@/components/canvas/canvas-toolbar";
+import type { Id } from "@/convex/_generated/dataModel";
+import { isAuthenticated } from "@/lib/auth-server";
+
+export default async function CanvasPage({
+  params,
+}: {
+  params: Promise<{ canvasId: string }>;
+}) {
+  const authenticated = await isAuthenticated();
+  if (!authenticated) {
+    redirect("/auth/sign-in");
+  }
+
+  const { canvasId } = await params;
+  const typedCanvasId = canvasId as Id<"canvases">;
+
+  return (
+    <div className="relative h-screen w-screen overflow-hidden">
+      <CanvasToolbar canvasId={typedCanvasId} />
+      <Canvas canvasId={typedCanvasId} />
+    </div>
+  );
+}