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/creators/CreatorLogo.vue

@@ -8,13 +8,14 @@
     <img
         class="shadow-2xl object-cover rounded-full border-solid border-hSecondary border-102 w-[200px] h-[200px] logo-image"
         :src="brandingStore.value.images?.logo ?? '/images/placeholders/profile.png'"
-        alt="Profile Picture"
+        :alt="t('alt')"
     />
 
     <!-- Tint Effect -->
     <div
         v-if="showTint"
         class="absolute rounded-full inset-0 bg-black/25 cursor-pointer"
+        :title="t('edit')"
     >
       <!-- Top-right Icon -->
       <div
@@ -42,9 +43,11 @@ import {useAuthStore} from "@/stores/authStore.js";
 import {useBrandingStore} from "@/stores/brandingStore.js";
 import CreatorLogoEditor from "@/views/creators/CreatorLogoEditor.vue";
 import {computed, ref} from "vue";
+import { useTranslations } from '@/translations/translations'
 
 const authStore = useAuthStore();
 const brandingStore = useBrandingStore();
+const t = useTranslations();
 
 // State
 const showTint = ref(false);