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/lib/utils.ts

@@ -16,3 +16,25 @@ export function formatBytes(bytes: number): string {
 export function formatDate(value: number): string {
   return new Date(value).toLocaleString();
 }
+
+export interface MessageMetadata {
+  stickers?: Array<{ name?: string; url?: string }>;
+  attachments?: Array<{ name: string; url: string; contentType?: string }>;
+  embeds?: Array<{ title?: string; image?: string; thumbnail?: string }>;
+  channel?: {
+    channelId: string;
+    channelName?: string;
+    threadId?: string;
+    threadName?: string;
+  };
+}
+
+export function parseMetadata(value: string | null): MessageMetadata {
+  if (!value) return {};
+  try {
+    const parsed = JSON.parse(value) as MessageMetadata;
+    return parsed;
+  } catch {
+    return {};
+  }
+}