Refactor feedback handling across components: Replace alert and confirm calls with centralized feedback functions for improved user experience. Update various components to utilize showError, showSuccess, and confirmAction for consistent messaging and confirmation dialogs. Enhance UI responsiveness and maintainability by streamlining feedback logic.

frontend/src/views/falukant/FamilyView.vue

@@ -1,7 +1,7 @@
 <template>
-    <div class="contenthidden">
+    <div class="family-view">
         <StatusBar />
-        <div class="contentscroll family-layout">
+        <div class="family-layout">
             <div class="family-content">
             <section class="family-hero surface-card">
                 <div>
@@ -189,8 +189,7 @@
                     <p>{{ $t('falukant.family.lovers.none') }}</p>
                 </div>
             </div>
-
-            </div>
+        </div>
         </div>
         <ChildDetailsDialog ref="childDetailsDialog" />
     </div>
@@ -204,6 +203,7 @@ import ChildDetailsDialog from '@/dialogues/falukant/ChildDetailsDialog.vue'
 import Character3D from '@/components/Character3D.vue'
 
 import apiClient from '@/utils/axios.js'
+import { confirmAction } from '@/utils/feedback.js'
 import { mapState } from 'vuex'
 
 const WOOING_PROGRESS_TARGET = 70
@@ -350,7 +350,10 @@ export default {
         },
 
         async cancelWooing() {
-            const confirmed = window.confirm(this.$t('falukant.family.spouse.wooing.cancelConfirm'));
+            const confirmed = await confirmAction(this, {
+                title: 'Werbung abbrechen',
+                message: this.$t('falukant.family.spouse.wooing.cancelConfirm')
+            });
             if (!confirmed) return;
             try {
                 await apiClient.post('/api/falukant/family/cancel-wooing');