💄 Rework of the authorize page

app/app.vue

@@ -2,9 +2,10 @@
   <naive-config>
     <n-dialog-provider>
       <n-notification-provider>
+        <naive-notification />
         <n-message-provider>
           <n-loading-bar-provider>
-            <nuxt-loading-indicator />
+            <naive-loading-bar navigation />
             <nuxt-layout>
               <nuxt-page />
             </nuxt-layout>
@@ -17,22 +18,4 @@
 
 <script setup lang="ts">
 import "@fontsource-variable/nunito"
-import { usePreferredColorScheme } from "@vueuse/core"
-
-const { colorModePreference } = useNaiveColorMode()
-const colorScheme = usePreferredColorScheme()
-
-colorModePreference.set("system")
-
-onMounted(() => {
-  switch (colorScheme.value) {
-    case "dark":
-      colorModePreference.set("dark")
-    case "light":
-      colorModePreference.set("light")
-    default:
-      colorModePreference.set("system")
-  }
-  colorModePreference.sync()
-})
 </script>