CUB-122: Scaffold Control Center React frontend

frontend-legacy/src/app/layout/layout-shell/layout-shell.component.html

@@ -0,0 +1,27 @@
+<div class="layout-shell">
+  <!-- Desktop/Kiosk: Nav Rail on the left -->
+  <app-nav-rail class="layout-shell__nav-rail" />
+
+  <div class="layout-shell__main">
+    <!-- Header bar at top of content area -->
+    <app-header-bar class="layout-shell__header" (openQuickJump)="openQuickJump()" />
+
+    <!-- Scrollable content area -->
+    <main class="layout-shell__content">
+      <router-outlet />
+    </main>
+  </div>
+
+  <!-- Mobile: Bottom Navigation Bar -->
+  <app-bottom-nav class="layout-shell__bottom-nav" />
+</div>
+
+<!-- Quick-Jump Drawer (global overlay) -->
+<app-quick-jump-drawer />
+
+<!-- Agent Session Drawer (CUB-26) — desktop: side drawer, mobile: bottom sheet -->
+<app-agent-session-drawer
+  [isMobile]="isMobile()"
+  (openSession)="onOpenSession($event)"
+  (pinToDashboard)="onPinToDashboard($event)"
+/>