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/GalleryView.vue

@@ -2,9 +2,9 @@
     <div class="gallery-page">
         <section class="gallery-hero surface-card">
             <div>
-                <span class="gallery-kicker">Bilder und Ordner</span>
+                <span class="gallery-kicker">{{ $t('socialnetwork.gallery.kicker') }}</span>
                 <h2>{{ $t('socialnetwork.gallery.title') }}</h2>
-                <p>Eigene Inhalte organisieren, sichtbar machen und in Ordnern strukturieren.</p>
+                <p>{{ $t('socialnetwork.gallery.intro') }}</p>
             </div>
         </section>
         <div class="gallery-view">
@@ -39,7 +39,7 @@
                             <label for="imageFile">{{ $t('socialnetwork.gallery.upload.image_file') }}</label>
                             <input type="file" @change="onFileChange" accept="image/*" required />
                             <div v-if="imagePreview" class="image-preview">
-                                <img :src="imagePreview" alt="Image Preview"
+                                <img :src="imagePreview" :alt="$t('socialnetwork.gallery.imagePreviewAlt')"
                                     style="max-width: 150px; max-height: 150px;" />
                             </div>
                         </div>
@@ -74,7 +74,7 @@
                 <h3>{{ $t('socialnetwork.gallery.images') }}</h3>
                 <ul v-if="images.length > 0" class="image-grid">
                     <li v-for="image in images" :key="image.id" @click="openImageDialog(image)">
-                        <img :src="image.url || image.placeholder" alt="Loading..." />
+                        <img :src="image.url || image.placeholder" :alt="$t('socialnetwork.gallery.imageLoadingAlt')" />
                         <p>{{ image.title }}</p>
                     </li>
                 </ul>