feat(mobile-sim): support multi-camera stream management and clip compression

Backend/public/mobile-sim.html

@@ -106,6 +106,37 @@
       <!-- Logo Area -->
       <div class="p-6 flex items-center justify-center lg:justify-start gap-3 border-b border-white/5">
 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+        
       </div>
 
       <!-- Nav Links -->
@@ -265,7 +296,7 @@
 
         <!-- CAMERA DASHBOARD -->
         <section id="screen-home-camera" class="hidden flex-col gap-10 max-w-7xl mx-auto h-full">
-          <div class="flex justify-between items-center shrink-0">
+          <div class="flex justify-between items-center shrink-0 mb-4">
             <h2 class="text-2xl font-bold text-white tracking-tight">Camera Feed (Broadcasting)</h2>
           </div>
 
@@ -342,7 +373,7 @@
         <!-- CLIENT DASHBOARD -->
         <section id="screen-home-client" class="hidden flex-col gap-12 max-w-7xl mx-auto h-full">
 
-          <div class="flex justify-between items-center">
+          <div class="flex justify-between items-center mb-4">
             <h2 class="text-2xl font-bold text-white tracking-tight">Client Dashboard</h2>
             <div class="flex gap-3">
               <button id="linkCameraBtn"
@@ -365,7 +396,7 @@
           </div>
 
           <!-- Cameras -> Horizontal List -->
-          <div class="glass-card rounded-3xl border border-white/5 p-5 shrink-0">
+          <div class="glass-card rounded-3xl border border-white/5 p-5 shrink-0 mb-4">
             <h3 class="text-xs font-bold text-gray-400 uppercase tracking-wider mb-4">Your Cameras</h3>
             <div id="linkedCamerasList" class="flex overflow-x-auto gap-4 pb-2 snap-x">
               <!-- Populated by JS -->