feat: replace settings with a full page

app/components/Dialog/index.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import Textbox from './Textbox.vue';
-import Settings from './Settings.vue';
 import QuickSwitcher from './QuickSwitcher.vue';
 
 import { DialogType } from '~/composables/useDialog';
@@ -11,7 +10,7 @@ const { addShortcut } = useKeyboardShortcuts();
 const unbindSettingsShortcut = addShortcut(['ctrl', ','], (event) => {
     event.preventDefault();
     event.stopPropagation();
-    openDialog(DialogType.Settings);
+    navigateTo('/settings');
 });
 
 const unbindQuickSwitcherShortcut = addShortcut(['ctrl', 'k'], (event) => {
@@ -57,9 +56,7 @@ onUnmounted(() => {
             <div
                 class="absolute w-full h-full md:w-auto md:h-auto max-w-6xl bg-[var(--bg-base)] rounded-none md:rounded-2xl shadow-2xl border border-[var(--color-border)] flex">
                 <KeepAlive>
-                    <Settings v-if="page === DialogType.Settings" :page="data.page" :params="data.params" />
-
-                    <Textbox v-else-if="page === DialogType.Textbox" v-bind="data" @confirm="confirm" @cancel="close" />
+                    <Textbox v-if="page === DialogType.Textbox" v-bind="data" @confirm="confirm" @cancel="close" />
 
                     <QuickSwitcher v-else-if="page === DialogType.QuickSwitcher" @close="close" />
                 </KeepAlive>