feat: enhance settings pages with save functionality and UI improvements

- Added save functionality with toast notifications in NotificationSettings.vue and PlayerSettings.vue.
- Improved layout and styling in NotificationSettings.vue and PlayerSettings.vue for better user experience.
- Refactored PlayerSettings.vue to use a dynamic settingsItems array for rendering toggle switches.
- Updated SecurityNConnected.vue to enhance security settings UI, including two-factor authentication and connected accounts management.
- Introduced dialogs for changing passwords and enabling two-factor authentication with improved UX.
- Added scrollbar-gutter CSS property to prevent layout shifts when dialogs open in uno.config.ts.

uno.config.ts

@@ -226,6 +226,17 @@ export default defineConfig({
     {
       getCSS: (context) => {
         return `
+      html {
+        scrollbar-gutter: stable;
+      }
+      body {
+        scrollbar-gutter: stable !important;
+      }
+      /* Prevent layout shift when PrimeVue dialogs open */
+      body.p-overflow-hidden {
+        overflow: hidden !important;
+        padding-right: 0 !important;
+      }
       :root {
         --font-sans: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
         --font-serif: 'Playfair Display', serif, 'Times New Roman', Times, serif;