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/public/VocabLandingView.vue

@@ -1,32 +1,37 @@
 <template>
   <section class="marketing-page">
     <div class="hero">
-      <p class="eyebrow">Sprachen online lernen</p>
-      <h1>Der Vokabeltrainer auf YourPart kombiniert Lernen, Kurse und Übungen in einer Plattform.</h1>
+      <p class="eyebrow">{{ $t('home.vocabLanding.eyebrow') }}</p>
+      <h1>{{ $t('home.vocabLanding.title') }}</h1>
       <p class="lead">
-        Arbeite mit interaktiven Lektionen, erweitere deinen Wortschatz und nutze strukturierte Inhalte für einen
-        motivierenden Lernfluss direkt im Browser.
+        {{ $t('home.vocabLanding.lead') }}
       </p>
-      <router-link class="cta" to="/">Kostenlos starten</router-link>
+      <router-link class="cta" to="/">{{ $t('home.vocabLanding.cta') }}</router-link>
     </div>
 
     <div class="features">
       <article>
-        <h2>Interaktive Kurse</h2>
-        <p>Kurse, Lektionen und Übungen helfen beim systematischen Aufbau neuer Sprachkenntnisse.</p>
+        <h2>{{ $t('home.vocabLanding.feature1Title') }}</h2>
+        <p>{{ $t('home.vocabLanding.feature1Text') }}</p>
       </article>
       <article>
-        <h2>Praxisorientiert</h2>
-        <p>Wortschatz, Grammatik und Wiederholung werden auf eine alltagstaugliche Lernroutine ausgerichtet.</p>
+        <h2>{{ $t('home.vocabLanding.feature2Title') }}</h2>
+        <p>{{ $t('home.vocabLanding.feature2Text') }}</p>
       </article>
       <article>
-        <h2>Teil einer Community</h2>
-        <p>Der Sprachbereich ist in eine größere Community-Plattform mit Blogs, Forum und Chat eingebettet.</p>
+        <h2>{{ $t('home.vocabLanding.feature3Title') }}</h2>
+        <p>{{ $t('home.vocabLanding.feature3Text') }}</p>
       </article>
     </div>
   </section>
 </template>
 
+<script>
+export default {
+  name: 'VocabLandingView'
+};
+</script>
+
 <style scoped>
 .marketing-page {
   max-width: 1100px;