Enhance usability and localization across components: Update USABILITY_CONCEPT.md with new focus areas, improve user feedback in AppFooter and FamilyView components, and refine text in various UI elements for better clarity and consistency. Replace console logs with user-friendly messages, correct German translations, and streamline interaction logic in multiple components.

frontend/src/views/falukant/BranchView.vue

@@ -880,7 +880,7 @@ export default {
                     }
                     break;
                 default:
-                    console.log('Unhandled event:', eventData);
+                    break;
             }
         },
 

frontend/src/views/falukant/FamilyView.vue

@@ -197,13 +197,11 @@
 
 <script>
 import StatusBar from '@/components/falukant/StatusBar.vue'
-import MessageDialog from '@/dialogues/standard/MessageDialog.vue'
-import ErrorDialog from '@/dialogues/standard/ErrorDialog.vue'
 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 { confirmAction, showError, showSuccess } from '@/utils/feedback.js'
 import { mapState } from 'vuex'
 
 const WOOING_PROGRESS_TARGET = 70
@@ -212,8 +210,6 @@ export default {
     name: 'FamilyView',
     components: {
         StatusBar,
-        MessageDialog,
-        ErrorDialog,
         ChildDetailsDialog,
         Character3D
     },
@@ -294,7 +290,7 @@ export default {
 
         async setAsHeir(child) {
             if (!child.childCharacterId) {
-                console.error('Child character ID missing');
+                showError(this, 'tr:falukant.family.children.heirSetError');
                 return;
             }
             try {
@@ -302,10 +298,10 @@ export default {
                     childCharacterId: child.childCharacterId
                 });
                 await this.loadFamilyData();
-                this.$root.$refs.messageDialog?.open('tr:falukant.family.children.heirSetSuccess');
+                showSuccess(this, 'tr:falukant.family.children.heirSetSuccess');
             } catch (error) {
                 console.error('Error setting heir:', error);
-                this.$root.$refs.errorDialog?.open('tr:falukant.family.children.heirSetError');
+                showError(this, 'tr:falukant.family.children.heirSetError');
             }
         },
 

frontend/src/views/falukant/OverviewView.vue

@@ -277,7 +277,7 @@ export default {
                     route: 'BranchView',
                 },
                 {
-                    kicker: 'Ueberblick',
+                    kicker: 'Überblick',
                     title: 'Finanzen pruefen',
                     description: 'Kontostand, Verlauf und wirtschaftliche Entwicklung ohne lange Suche.',
                     cta: 'Geldhistorie',