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/shared/ui/MobileTabBar.tsx

@@ -1,5 +1,5 @@
 import { LayoutDashboard, MessageSquare, Radio } from "lucide-react";
-import type { DashboardTab } from "../api/client";
+import type { DashboardTab } from "../../entities/ui/types.js";
 import { cn } from "../lib/utils";
 
 const tabs: Array<{ id: DashboardTab; label: string; Icon: typeof Radio }> = [

services/frontend/src/shared/ui/toast.tsx

@@ -1,4 +1,5 @@
 // ─── Toast notification system ──────────────────────────────────────────────
+// (no entity type imports needed — only uses string/ReactNode)
 import {
   AlertCircle,
   AlertTriangle,