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/hooks/useDashboard.ts

@@ -1,20 +1,18 @@
 import { useCallback, useEffect, useState } from "react";
+import type { DashboardStats } from "../../../entities/dashboard/types.js";
 import {
-  type DashboardChannel,
-  type DashboardChannelDetail,
-  type DashboardStats,
-  type DashboardUser,
-  type DashboardUserDetail,
   getDashboardChannelDetail,
   getDashboardStats,
   getDashboardUserDetail,
   listDashboardChannels,
   listDashboardUsers,
-} from "../../../shared/api/client";
+} from "../../../shared/api/client.js";
 import { useItemDetail } from "../../../shared/hooks/useItemDetail";
 import { usePaginatedList } from "../../../shared/hooks/usePaginatedList";
 
-const logger = console;
+import { createLogger } from "../../../shared/lib/logger.js";
+
+const logger = createLogger("use-dashboard");
 
 /**
  * Fetch dashboard aggregate stats.
@@ -33,7 +31,7 @@ export function useDashboardStats() {
     } catch (e) {
       const msg = e instanceof Error ? e.message : "Failed to load stats";
       setError(msg);
-      logger.error("[useDashboardStats]", msg);
+      logger.error("[useDashboardStats]", { error: msg });
     } finally {
       setLoading(false);
     }