refactor(fe): overhaul — split types, type-safe WS, remove dead deps/code

- Remove unused deps: gsap, @tanstack/react-query, three, r3f, drei, autoprefixer
- Split types from shared/api/client.ts into entities/{guild,voice,media,ui,recording,dashboard}
- Type-safe WebSocket handlers using WsEventMap — 0 'as' casts in App.tsx
- Replace gsap with framer-motion in AuthOverlay
- Remove dead code: useMascotSummary, gsapCardHover, live/components/index barrel
- Fix bare console calls → use createLogger from @bete/shared/logger
- Clean up unused imports and variables (aiVariant, etc.)

Co-Authored-By: Claude <noreply@anthropic.com>

services/frontend/src/features/dashboard/components/DashboardStats.tsx

@@ -10,7 +10,7 @@ import {
   Users,
 } from "lucide-react";
 import { cardItem, cardStagger } from "../../../shared/hooks/useFramerStagger";
-import { useUIState } from "../../../shared/hooks/useUIState";
+import { useUIState } from "../../../shared/hooks/useUIState.js";
 import { cn } from "../../../shared/lib/utils";
 import {
   Card,
@@ -168,7 +168,7 @@ export function DashboardStatsContent() {
               </p>
             ) : (
               <div className="space-y-2">
-                {stats.top_channels.map((ch, i) => (
+                {stats.top_channels.map((ch) => (
                   <div
                     key={ch.channel_id}
                     className="flex items-center justify-between rounded-lg bg-muted/50 px-3 py-2 text-sm"