style: 重构为 Web 端双栏布局，突出对话展示

- 重构 App.tsx 为双栏布局：左侧视频面板 + 右侧聊天面板
- 左侧 340px 固定宽度视频区（4:3 比例）
- 右侧对话区 flex:1 占满剩余空间
- Header 改为导航栏风格：标题+副标题+状态标签+设置按钮
- 视频下方控制栏：观察模式/打断/结束对话按钮
- 优化间距、字号、配色，适配桌面端

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

frontend/src/index.css

@@ -1,7 +1 @@
 /* 全局重置 — 详细样式在 App.css 中定义 */
-
-#root {
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-}