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/shell/nav-rail.tsx

@@ -0,0 +1,50 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { navItems, isActivePath } from "@/lib/navigation";
+import { cn } from "@/lib/utils";
+import {
+  Tooltip,
+} from "@/components/primitives/tooltip";
+
+export function NavRail() {
+  const pathname = usePathname();
+  return (
+    <nav className="glass m-3 mr-0 flex w-[68px] flex-col items-center gap-1 rounded-[18px] py-4">
+      <Link
+        href="/dashboard"
+        className="mb-3 flex size-11 items-center justify-center rounded-[14px] bg-signal/15 text-signal glow-signal"
+        aria-label="GMW home"
+      >
+        <span className="display text-xl">G</span>
+      </Link>
+      <div className="flex flex-1 flex-col gap-1">
+        {navItems.map((item) => {
+          const active = isActivePath(pathname, item.matchPrefix);
+          const Icon = item.icon;
+          return (
+            <Tooltip key={item.href} label={item.label} side="bottom">
+              <Link
+                href={item.href}
+                aria-label={item.label}
+                aria-current={active ? "page" : undefined}
+                className={cn(
+                  "group relative flex size-11 items-center justify-center rounded-[13px] transition-all",
+                  active
+                    ? "bg-signal/15 text-signal"
+                    : "text-ink-faint hover:bg-white/5 hover:text-ink-soft",
+                )}
+              >
+                {active && (
+                  <span className="absolute -left-3 h-6 w-1 rounded-full bg-signal shadow-[0_0_12px_var(--color-signal-glow)]" />
+                )}
+                <Icon className="size-[18px]" strokeWidth={active ? 2.4 : 2} />
+              </Link>
+            </Tooltip>
+          );
+        })}
+      </div>
+    </nav>
+  );
+}