feat(frontend): rebuild as Ambient/WebGL console with all pages + command palette

Ground-up rombak UI: hapus semua component/page lama, bangun ulang dengan
desain sistem Ambient (WebGL haze + drifting motes, signal-driven color)
di atas kontrak API/WS/type yang sudah ada.

- Design system: globals.css tokens + primitives (glass, button, badge,
  select, avatar, toast, chart SVG murni).
- Shell: nav rail, topbar (status WS + pill signal + theme), AppFrame.
- 8 halaman: dashboard, voice (orbital stage), media, messages (live feed +
  detail AI), moderation, analysis (search), recordings, + chatbot floating.
- Command palette (Cmd/Ctrl+K) untuk navigasi cepat.
- Server fetch di-page di-try/catch agar render graceful saat backend mati.

Verified: tsc clean, next build 8/8 halaman, semua route 200.

services/frontend/src/components/primitives/slot.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import * as React from "react";
+
+/**
+ * Minimal Slot — merges its props onto its single child element (Radix-style
+ * `asChild`). Enough for wrapping <Link>/<a> in a Button.
+ */
+export const Slot = React.forwardRef<HTMLElement, React.HTMLAttributes<HTMLElement> & { children?: React.ReactNode }>(
+  ({ children, ...slotProps }, ref) => {
+    if (!React.isValidElement(children)) return null;
+    const childProps = children.props as Record<string, unknown>;
+    const merged: Record<string, unknown> = { ...childProps, ...slotProps, ref };
+    // Merge className
+    if (slotProps.className || childProps.className) {
+      merged.className = [childProps.className, slotProps.className]
+        .filter(Boolean)
+        .join(" ");
+    }
+    // Merge style
+    if (slotProps.style || childProps.style) {
+      merged.style = { ...(childProps.style as object), ...(slotProps.style as object) };
+    }
+    return React.cloneElement(children, merged);
+  },
+);
+Slot.displayName = "Slot";