refactor(frontend): reorder sidebar — messages first, voice below

Default tab is now 'messages'; Voice & Media moved below
Messages in both desktop sidebar and mobile tab bar.
Updated Header titles/subtitles to match new order.

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

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

@@ -3,8 +3,8 @@ import type { DashboardTab } from "../api/client";
 import { cn } from "../lib/utils";
 
 const tabs: Array<{ id: DashboardTab; label: string; Icon: typeof Radio }> = [
-  { id: "live", label: "Live", Icon: Radio },
   { id: "messages", label: "Messages", Icon: MessageSquare },
+  { id: "live", label: "Voice & Media", Icon: Radio },
   { id: "dashboard", label: "Dashboard", Icon: LayoutDashboard },
 ];
 

services/frontend/src/widgets/Header.tsx

@@ -8,14 +8,14 @@ import { Badge } from "../shared/ui";
 import type { WsStatus } from "../shared/ws/socket";
 
 const titles: Record<DashboardTab, string> = {
-  live: "Voice & Media",
   messages: "Messages & Moderation",
+  live: "Voice & Media",
   dashboard: "Dashboard",
 };
 
 const subtitles: Record<DashboardTab, string> = {
-  live: "Join voice channels, play media, stream audio, and browse recordings.",
   messages: "Capture, analyse, and moderate Discord messages.",
+  live: "Join voice channels, play media, stream audio, and browse recordings.",
   dashboard: "Server statistics, user profiles, and AI moderation overview.",
 };
 

services/frontend/src/widgets/Sidebar.tsx

@@ -9,8 +9,8 @@ import { MascotImage } from "./mascot/MascotImage";
 
 const navItems: Array<{ id: DashboardTab; label: string; icon: typeof Radio }> =
   [
-    { id: "live", label: "Live", icon: Radio },
-    { id: "messages", label: "Messages", icon: MessageSquare },
+    { id: "messages", label: "Messages & Moderation", icon: MessageSquare },
+    { id: "live", label: "Voice & Media", icon: Radio },
     { id: "dashboard", label: "Dashboard", icon: LayoutDashboard },
   ];