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

@@ -45,7 +45,7 @@
                                 <label for="imageFile">{{ $t('socialnetwork.gallery.upload.image_file') }}</label>
                                 <input type="file" accept="image/*" required @change="onFileChange" />
                                 <div v-if="imagePreview" class="image-preview">
-                                    <img :src="imagePreview" alt="Image Preview" style="max-width: 150px; max-height: 150px;" />
+                                    <img :src="imagePreview" :alt="$t('socialnetwork.erotic.imagePreviewAlt')" style="max-width: 150px; max-height: 150px;" />
                                 </div>
                             </div>
 
@@ -79,7 +79,7 @@
                                     id="selectedUsers"
                                     v-model="selectedUsernamesText"
                                     type="text"
-                                    placeholder="anna, bert, clara"
+                                    :placeholder="$t('socialnetwork.erotic.selectedUsersPlaceholder')"
                                 />
                             </div>
 
@@ -95,7 +95,7 @@
                     <ul v-if="images.length > 0" class="image-grid">
                         <li v-for="image in images" :key="image.id" class="erotic-image-card">
                             <div class="erotic-image-card__preview" @click="!image.isModeratedHidden && openImageDialog(image)">
-                                <img v-if="!image.isModeratedHidden" :src="image.url || image.placeholder" alt="Loading..." />
+                                <img v-if="!image.isModeratedHidden" :src="image.url || image.placeholder" :alt="$t('socialnetwork.erotic.imageLoadingAlt')" />
                                 <div v-else class="erotic-image-card__hidden">
                                     {{ $t('socialnetwork.erotic.hiddenByModeration') }}
                                 </div>