feat(frontend): Ambient/WebGL console revamp + lint/type cleanup

Ground-up rebuild of the GMW frontend as an Ambient Field console:
- WebGL ambient background (Three.js shader, drifting motes, reduced-motion aware)
- Glassmorphism dark cyber theme across all 8 routes
- SSR page + client view split with SWR fallback; realtime via WebSocket
- Command palette (Cmd+K), chatbot FAB, guild/channel pickers
- Chart primitives: donut, radial-gauge, area-activity, sparkline, equalizer

Cleanup (review pass):
- Remove stray Puppeteer nav-test/nav-debug scripts
- Replace non-null assertions with guards (dashboard/moderation)
- Drop unused useGuilds fetches in messages/voice views
- Type implicit-any `let` declarations across pages
- Add a11y roles/labels to SVG charts and audio, tidy imports

services/frontend/src/components/shared/guild-picker.tsx

@@ -1,8 +1,8 @@
 "use client";
 
 import { useEffect, useState } from "react";
-import { useGuilds, useTextChannels, useVoiceChannels } from "@/hooks";
 import { Select, type SelectOption } from "@/components/primitives";
+import { useGuilds, useTextChannels, useVoiceChannels } from "@/hooks";
 import type { Guild } from "@/lib/types";
 
 export function GuildChannelPicker({

services/frontend/src/components/shared/index.ts

@@ -1,3 +1,3 @@
-export { SectionHeader, MetricTile } from "./section";
-export { EmptyState, ErrorState, LoadingState } from "./states";
 export { GuildChannelPicker } from "./guild-picker";
+export { MetricTile, SectionHeader } from "./section";
+export { EmptyState, ErrorState, LoadingState } from "./states";

services/frontend/src/components/shared/section.tsx

@@ -59,7 +59,9 @@ export function MetricTile({
       >
         {value}
       </div>
-      {hint && <div className="mono mt-1 text-[0.68rem] text-ink-faint">{hint}</div>}
+      {hint && (
+        <div className="mono mt-1 text-[0.68rem] text-ink-faint">{hint}</div>
+      )}
       {spark && spark.length > 1 && (
         <div className="mt-2">
           <div
@@ -68,7 +70,11 @@ export function MetricTile({
           >
             <div
               className="h-full rounded-full"
-              style={{ width: `${Math.min(100, (spark[spark.length - 1] / (Math.max(...spark) || 1)) * 100)}%`, background: toneColor, opacity: 0.7 }}
+              style={{
+                width: `${Math.min(100, (spark[spark.length - 1] / (Math.max(...spark) || 1)) * 100)}%`,
+                background: toneColor,
+                opacity: 0.7,
+              }}
             />
           </div>
         </div>

services/frontend/src/components/shared/states.tsx

@@ -14,10 +14,19 @@ export function EmptyState({
   className?: string;
 }) {
   return (
-    <div className={cn("flex flex-col items-center justify-center gap-2 py-12 text-center", className)}>
-      <div className="text-ink-faint">{icon ?? <Inbox className="size-7" />}</div>
+    <div
+      className={cn(
+        "flex flex-col items-center justify-center gap-2 py-12 text-center",
+        className,
+      )}
+    >
+      <div className="text-ink-faint">
+        {icon ?? <Inbox className="size-7" />}
+      </div>
       <div className="text-sm font-medium text-ink-soft">{title}</div>
-      {description && <div className="max-w-xs text-xs text-ink-faint">{description}</div>}
+      {description && (
+        <div className="max-w-xs text-xs text-ink-faint">{description}</div>
+      )}
     </div>
   );
 }
@@ -36,7 +45,11 @@ export function ErrorState({
     <div className="glass flex flex-col items-center gap-3 p-8 text-center">
       <AlertTriangle className="size-7 text-vermilion" />
       <div className="text-sm font-medium text-ink">{title}</div>
-      {msg && <div className="mono max-w-md break-words text-xs text-ink-faint">{msg}</div>}
+      {msg && (
+        <div className="mono max-w-md break-words text-xs text-ink-faint">
+          {msg}
+        </div>
+      )}
       {onRetry && (
         <button
           type="button"