feat(projects): 主题配置抽屉：迁移暗黑模式、布局模式、添加颜色选择面板

src/layouts/common/SettingDrawer/index.vue

@@ -1,6 +1,10 @@
 <template>
   <n-drawer :show="app.settingDrawerVisible" display-directive="show" :width="330" @mask-click="app.closeSettingDrawer">
-    <n-drawer-content title="主题配置" :native-scrollbar="false"></n-drawer-content>
+    <n-drawer-content title="主题配置" :native-scrollbar="false">
+      <dark-mode />
+      <layout-mode />
+      <theme-color-select />
+    </n-drawer-content>
   </n-drawer>
   <drawer-button />
 </template>
@@ -8,7 +12,7 @@
 <script setup lang="ts">
 import { NDrawer, NDrawerContent } from 'naive-ui';
 import { useAppStore } from '@/store';
-import { DrawerButton } from './components';
+import { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect } from './components';
 
 const app = useAppStore();
 </script>