feat: redesign responsive control room ui

frontend/src/router/index.ts

@@ -6,7 +6,10 @@ const MainLayout = () => import("@/components/layout/MainLayout.vue");
 const LiveRoomsView = () => import("@/views/LiveRoomsView.vue");
 const RecordTasksView = () => import("@/views/RecordTasksView.vue");
 const RecordTaskDetailView = () => import("@/views/RecordTaskDetailView.vue");
+const RecordSessionDetailView = () => import("@/views/RecordSessionDetailView.vue");
+const DailyReviewsView = () => import("@/views/DailyReviewsView.vue");
 const LogsView = () => import("@/views/LogsView.vue");
+const RecoveryView = () => import("@/views/RecoveryView.vue");
 const SettingsView = () => import("@/views/SettingsView.vue");
 
 const router = createRouter({
@@ -42,11 +45,27 @@ const router = createRouter({
           component: RecordTaskDetailView,
           props: true
         },
+        {
+          path: "record-sessions/:id",
+          name: "record-session-detail",
+          component: RecordSessionDetailView,
+          props: true
+        },
+        {
+          path: "daily-reviews",
+          name: "daily-reviews",
+          component: DailyReviewsView
+        },
         {
           path: "logs",
           name: "logs",
           component: LogsView
         },
+        {
+          path: "recovery",
+          name: "recovery",
+          component: RecoveryView
+        },
         {
           path: "settings",
           name: "settings",