feat(localization): expand language support and enhance UI for user settings

- Added support for additional UI locales including Cebuano and Spanish, improving accessibility for a broader user base.
- Updated language selection components in the AppHeader and SettingsWidget to reflect new language options, enhancing user experience.
- Enhanced localization of various UI elements across components, ensuring consistent language representation and improved user engagement.
- Implemented logic to synchronize user language preferences with backend settings, providing a seamless experience when changing languages.

frontend/src/views/social/ForumView.vue

@@ -2,9 +2,9 @@
     <div class="forum-view">
         <section class="forum-hero surface-card">
             <div>
-                <span class="forum-kicker">Community-Forum</span>
+                <span class="forum-kicker">{{ $t('socialnetwork.forum.kicker') }}</span>
                 <h2>{{ $t('socialnetwork.forum.title') }} {{ forumName }}</h2>
-                <p>Themen, Diskussionen und neue Beiträge an einem strukturierten Ort.</p>
+                <p>{{ $t('socialnetwork.forum.intro') }}</p>
             </div>
             <div class="creationtoggler">
                 <button @click="toggleCreation">
@@ -18,10 +18,10 @@
         <section v-if="inCreation" class="forum-creation surface-card">
             <div class="forum-creation__header">
                 <div>
-                    <h3>Neues Thema verfassen</h3>
-                    <p>Erst Titel setzen, dann den Beitrag schreiben und anschließend direkt veröffentlichen.</p>
+                    <h3>{{ $t('socialnetwork.forum.createTitle') }}</h3>
+                    <p>{{ $t('socialnetwork.forum.createIntro') }}</p>
                 </div>
-                <button type="button" class="button-secondary" @click="cancelCreation">Abbrechen</button>
+                <button type="button" class="button-secondary" @click="cancelCreation">{{ $t('socialnetwork.forum.cancelCreation') }}</button>
             </div>
             <label class="newtitle">
                 <span>{{ $t('socialnetwork.forum.topic') }}</span>
@@ -34,7 +34,7 @@
                 <button :disabled="!canSaveTopic" @click="saveNewTopic">
                     {{ $t('socialnetwork.forum.createNewTopic') }}
                 </button>
-                <span class="forum-creation__hint">Titel und Inhalt müssen beide ausgefüllt sein.</span>
+                <span class="forum-creation__hint">{{ $t('socialnetwork.forum.creationHint') }}</span>
             </div>
         </section>
 
@@ -44,7 +44,7 @@
                     <button type="button" class="topic-card__main" @click="openTopic(topic.id)">
                         <strong>{{ topic.title }}</strong>
                         <span class="topic-card__meta">
-                            {{ topic.user?.username || topic.owner?.username || 'Community' }}
+                            {{ topic.user?.username || topic.owner?.username || $t('socialnetwork.forum.communityFallback') }}
                         </span>
                     </button>
                 </li>
@@ -175,10 +175,10 @@ export default {
                 this.inCreation    = false
                 this.newTitle      = ''
                 this.editor?.commands.setContent('')
-                showSuccess(this, 'Thema erfolgreich erstellt.')
+                showSuccess(this, this.$t('socialnetwork.forum.topicCreated'))
             } catch (err) {
                 console.error('Fehler beim Erstellen des Themas', err)
-                showApiError(this, err, 'Fehler beim Erstellen des Themas')
+                showApiError(this, err, this.$t('socialnetwork.forum.topicCreateError'))
             }
         },
         goToPage(page) {