Add localization support for various components, including dialogs and views, in English, Spanish, and French. Implemented translations for user profile management, payment processes, and creator functionalities. Updated existing components to utilize the new translation system.

frontend/src/views/main/Footer.vue

@@ -2,6 +2,9 @@
 import Instagram from "@/views/svg/Instagram.vue";
 import Facebook from "@/views/svg/Facebook.vue";
 import X from "@/views/svg/X.vue";
+import { useTranslations } from "@/translations/translations";
+
+const t = useTranslations();
 </script>
 
 <template>
@@ -23,36 +26,36 @@ import X from "@/views/svg/X.vue";
     <div class="footer-links">
       <router-link to="/documents/helpandcontact"
                    class="link">
-        {{ $t('footer.helpandcontact') }}
+        {{ t('helpandcontact') }}
       </router-link>
       <router-link to="/documents/faq"
                    class="link">
-        {{ $t('footer.faq') }}
+        {{ t('faq') }}
       </router-link>
       <router-link to="/documents/guideforcreators"
                    class="link">
-        {{ $t('footer.creatorguide') }}
+        {{ t('creatorguide') }}
       </router-link>
       <router-link to="/documents/termsandconditions"
                    class="link">
-        {{ $t('footer.termsandconditions') }}
+        {{ t('termsandconditions') }}
       </router-link>
       <router-link to="/documents/contentpolicy"
                    class="link">
-        {{ $t('footer.contentpolicy') }}
+        {{ t('contentpolicy') }}
       </router-link>
       <router-link to="/documents/about"
                    class="link">
-        {{ $t('footer.about') }}
+        {{ t('about') }}
       </router-link>
       <router-link to="/documents/pricing"
                    class="link">
-        {{ $t('footer.pricing') }}
+        {{ t('pricing') }}
       </router-link>
     </div>
 
     <div class="footer-copyright">
-      Hutopy &copy;{{ new Date().getFullYear() }} - {{ $t('footer.allRightsReserved') }}
+      Hutopy &copy;{{ new Date().getFullYear() }} - {{ t('allRightsReserved') }}
     </div>
 
   </footer>