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

src/layouts/common/SettingDrawer/components/DarkMode/index.vue

@@ -0,0 +1,25 @@
+<template>
+  <n-divider title-placement="center">深色主题</n-divider>
+  <div class="flex-center">
+    <n-switch :value="theme.darkMode" @update:value="theme.setDarkMode">
+      <template #checked>
+        <icon-mdi-white-balance-sunny class="text-14px text-primary" />
+      </template>
+      <template #unchecked>
+        <icon-mdi-moon-waning-crescent class="text-14px text-primary" />
+      </template>
+    </n-switch>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { NDivider, NSwitch } from 'naive-ui';
+import { useThemeStore } from '@/store';
+
+const theme = useThemeStore();
+</script>
+<style scoped>
+:deep(.n-switch__rail) {
+  background-color: #000e1c !important;
+}
+</style>