Initial WatchLink scaffold

src/app/rooms/[slug]/page.tsx

@@ -0,0 +1,24 @@
+import { AppShell } from "@/components/app-shell";
+import { RoomConsole } from "@/components/room-console";
+import { StatusBadge } from "@/components/status-badge";
+
+export default async function RoomPage({ params }: { params: Promise<{ slug: string }> }) {
+  const { slug } = await params;
+  const roomSlug = decodeURIComponent(slug);
+
+  return (
+    <AppShell active="Rooms">
+      <header className="topbar">
+        <div className="title-block">
+          <h1>{roomSlug}</h1>
+          <p>Stable room address with shared playback for authorized users.</p>
+        </div>
+        <div className="status-row">
+          <StatusBadge tone="good">Online</StatusBadge>
+          <StatusBadge>All participants may control</StatusBadge>
+        </div>
+      </header>
+      <RoomConsole roomSlug={roomSlug} />
+    </AppShell>
+  );
+}