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/widgets/DashboardLayout.tsx

@@ -1,10 +1,8 @@
 import { motion } from "framer-motion";
 import type { ReactNode } from "react";
-import type {
-  DashboardTab,
-  MessageRecord,
-  VoiceStatus,
-} from "../shared/api/client";
+import type { MessageRecord } from "../entities/message/types.js";
+import type { DashboardTab } from "../entities/ui/types.js";
+import type { VoiceStatus } from "../entities/voice/types.js";
 import { fadeSlideUp } from "../shared/hooks/useFramerStagger";
 import type { WsStatus } from "../shared/ws/socket";
 import { Header } from "./Header";

services/frontend/src/widgets/Header.tsx

@@ -1,6 +1,7 @@
 import { motion } from "framer-motion";
 import { Wifi, WifiOff } from "lucide-react";
-import type { DashboardTab, VoiceStatus } from "../shared/api/client";
+import type { DashboardTab } from "../entities/ui/types.js";
+import type { VoiceStatus } from "../entities/voice/types.js";
 import { fadeSlideUp } from "../shared/hooks/useFramerStagger";
 import { cn } from "../shared/lib/utils";
 import { Badge } from "../shared/ui";

services/frontend/src/widgets/Sidebar.tsx

@@ -1,6 +1,7 @@
 import { motion } from "framer-motion";
 import { LayoutDashboard, MessageSquare, Radio } from "lucide-react";
-import type { DashboardTab, MessageRecord } from "../shared/api/client";
+import type { MessageRecord } from "../entities/message/types.js";
+import type { DashboardTab } from "../entities/ui/types.js";
 import { useMascotChat } from "../shared/hooks/useMascotChat";
 import { cn } from "../shared/lib/utils";
 import { MascotChatbot } from "./mascot/MascotChatbot";

services/frontend/src/widgets/mascot/MascotChatbot.tsx

@@ -1,8 +1,11 @@
 import { AnimatePresence, motion } from "framer-motion";
 import { Maximize2, MessageCircle, Minimize2, Send, X } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
+import { createLogger } from "../../shared/lib/logger.js";
 import { cn } from "../../shared/lib/utils";
 
+const logger = createLogger("mascot-chat");
+
 export interface ChatMessage {
   id: string;
   role: "user" | "mascot";
@@ -84,7 +87,9 @@ export function MascotChatbot({
 
       setMessages((prev) => [...prev, mascotMessage]);
     } catch (error) {
-      console.error("Error sending message:", error);
+      logger.error("Error sending message", {
+        error: error instanceof Error ? error.message : String(error),
+      });
       const errorMessage: ChatMessage = {
         id: `mascot-error-${Date.now()}`,
         role: "mascot",