refactor(layout): 重构顶部导航栏组件结构

- 将配置模态框提取为独立组件 AppConfigModal
- 将移动端导航抽屉提取为独立组件 MobileNavDrawer
- 从 app-theme.ts 中添加选择器相关的主题颜色配置
- 在 Ant Design 主题中注册 Select 组件的样式变量
- 移除 app-top-nav.tsx 中的内联配置和导航代码
- 优化组件导入和状态管理逻辑

web/src/lib/app-theme.ts

@@ -9,6 +9,9 @@ const neutral = {
     primaryText: "#ffffff",
     menuBg: "#f5f5f5",
     menuText: "#171717",
+    selectActiveBg: "#f5f5f5",
+    selectSelectedBg: "#f0f0f0",
+    selectText: "#171717",
   },
   dark: {
     primary: "#fafafa",
@@ -16,6 +19,9 @@ const neutral = {
     primaryText: "#171717",
     menuBg: "#262626",
     menuText: "#fafafa",
+    selectActiveBg: "#262626",
+    selectSelectedBg: "#333333",
+    selectText: "#fafafa",
   },
 };
 
@@ -54,6 +60,11 @@ export function getAntThemeConfig(dark: boolean): ThemeConfig {
         darkItemSelectedBg: neutral.dark.menuBg,
         darkItemSelectedColor: neutral.dark.menuText,
       },
+      Select: {
+        optionActiveBg: color.selectActiveBg,
+        optionSelectedBg: color.selectSelectedBg,
+        optionSelectedColor: color.selectText,
+      },
     },
   };
 }