refactor(web): 前端代码规范化重构

- 集中化 HID 类型定义到 types/hid.ts，消除重复代码
- 统一 WebSocket 连接管理，提取共享工具到 types/websocket.ts
- 拆分 ConsoleView.vue 关注点，创建 useVideoStream、useHidInput、useConsoleEvents composables
- 添加 useConfigPopover 抽象配置弹窗公共逻辑
- 优化视频容器布局，支持动态比例自适应

web/src/i18n/en-US.ts

@@ -122,6 +122,7 @@ export default {
     backendSoftware: 'Software',
     backendAuto: 'Auto',
     recommended: 'Recommended',
+    notRecommended: 'Not Recommended',
     // HID Config
     hidConfig: 'Mouse & HID',
     mouseSettings: 'Mouse Settings',

web/src/i18n/zh-CN.ts

@@ -122,6 +122,7 @@ export default {
     backendSoftware: '软件编码',
     backendAuto: '自动',
     recommended: '推荐',
+    notRecommended: '不推荐',
     // HID Config
     hidConfig: '鼠键配置',
     mouseSettings: '鼠标设置',