Traduction and ui modifications

src/views/main/Footer.vue

@@ -29,25 +29,25 @@ const brandingStore = useBrandingStore()
 
     <div class="flex flex-row flex-wrap justify-center gap-4 px-4 "  >
       <router-link to="/documents/helpandcontact"  :style="{color: brandingStore.colors.onBackground}">
-        Aide & Contact
+        {{ $t('footer.helpandcontact') }}
       </router-link>
       <router-link to="/documents/faq"  :style="{color: brandingStore.colors.onBackground}">
-        FAQ
+        {{ $t('footer.faq') }}
       </router-link>
       <router-link to="/documents/guideforcreators"  :style="{color: brandingStore.colors.onBackground}">
-        Guide pour les créateurs
+        {{ $t('footer.creatorguide') }}
       </router-link>
       <router-link to="/documents/termsandconditions"  :style="{color: brandingStore.colors.onBackground}">
-        Termes et Conditions
+        {{ $t('footer.termsandconditions') }}
       </router-link>
       <router-link to="/documents/contentpolicy"  :style="{color: brandingStore.colors.onBackground}">
-        Politique de Contenu
+        {{ $t('footer.contentpolicy') }}
       </router-link>
       <router-link to="/documents/about"  :style="{color: brandingStore.colors.onBackground}">
-        À Propos
+        {{ $t('footer.about') }}
       </router-link>
       <router-link to="/documents/pricing"  :style="{color: brandingStore.colors.onBackground}">
-        Frais
+        {{ $t('footer.pricing') }}
       </router-link>
     </div>