feat: 更新组件以支持新的功能和优化用户体验

- 在components.d.ts中添加NSwitch组件声明
- 在ManageLayout.vue中新增收藏功能相关的存储逻辑
- 在DashboardView.vue和SettingsManageView.vue中使用useRouteQuery自动同步URL查询参数
- 在SongListManageView.vue中移除不必要的按钮样式

src/views/manage/SettingsManageView.vue

@@ -59,6 +59,7 @@
   } from 'naive-ui';
   import { computed, h, nextTick, onActivated, onMounted, ref, shallowRef, markRaw } from 'vue';
   import { useRoute } from 'vue-router';
+  import { useRouteQuery } from '@vueuse/router';
 
   // 模板定义类型接口
   interface TemplateDefineTypes {
@@ -231,9 +232,9 @@
     { label: '日程表', value: 'schedule' },
   ] as SelectOption[];
 
-  // 路由查询参数优先级高于默认值
-  const selectedOption = ref(route.query.template?.toString() ?? 'index');
-  const selectedTab = ref(route.query.setting?.toString() ?? 'general');
+  // 使用 useRouteQuery 自动同步 URL 查询参数
+  const selectedOption = useRouteQuery('template', 'index', { transform: String });
+  const selectedTab = useRouteQuery('setting', 'general', { transform: String });
 
   // 动态表单相关
   const dynamicConfigRef = shallowRef();
@@ -582,14 +583,9 @@
     message.success('已保存');
   }
 
-  // 路由激活时更新选项卡
+  // 路由激活时的处理（useRouteQuery 已自动处理参数同步）
   onActivated(() => {
-    if (route.query.tab) {
-      selectedTab.value = route.query.setting?.toString() ?? 'general';
-    }
-    if (route.query.template) {
-      selectedOption.value = route.query.template.toString();
-    }
+    // useRouteQuery 会自动同步，这里可以添加其他激活时的逻辑
   });
 
   // 组件挂载时初始化数据