refactor: replace PrimeVue components with custom App components for buttons, dialogs, and inputs

- Updated DangerZone.vue to use AppButton and AppDialog, replacing PrimeVue Button and Dialog components.
- Refactored DomainsDns.vue to utilize AppButton, AppDialog, and AppInput, enhancing the UI consistency.
- Modified NotificationSettings.vue and PlayerSettings.vue to implement AppButton and AppSwitch for better styling.
- Replaced PrimeVue components in SecurityNConnected.vue with AppButton, AppDialog, and AppInput for a cohesive design.
- Introduced AppConfirmHost for handling confirmation dialogs with a custom design.
- Created AppToastHost for managing toast notifications with custom styling and behavior.
- Added utility composables useAppConfirm and useAppToast for managing confirmation dialogs and toast notifications.
- Implemented AppProgressBar and AppSwitch components for improved UI elements.

src/routes/settings/Settings.vue

@@ -49,6 +49,12 @@
             <!-- Main Content Area -->
             <main class="flex-1 min-w-0">
                 <router-view />
+
+                <!-- Settings-only toast/confirm hosts (no PrimeVue dependency) -->
+                <ClientOnly>
+                    <AppToastHost />
+                    <AppConfirmHost />
+                </ClientOnly>
             </main>
         </div>
     </div>
@@ -59,6 +65,9 @@
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
 import PageHeader from '@/components/dashboard/PageHeader.vue';
+import AppConfirmHost from '@/components/app/AppConfirmHost.vue';
+import AppToastHost from '@/components/app/AppToastHost.vue';
+import ClientOnly from '@/components/ClientOnly';
 import UserIcon from '@/components/icons/UserIcon.vue';
 import GlobeIcon from '@/components/icons/Globe.vue';
 import AlertTriangle from '@/components/icons/AlertTriangle.vue';