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/profile/account/AddressDialog.vue

@@ -1,31 +1,33 @@
 <template>
-  <v-card>
-    <v-card-title>
-      Adresse
-    </v-card-title>
+  <div class="card dialog">
+    <div class="card-title">
+      {{ t('title') }}
+    </div>
 
-    <div class="m-4">
+    <div class="card-content">
       <v-text-field
           variant="outlined"
           v-model="address"
-          label="Votre adresse"
+          :label="t('label')"
       ></v-text-field>
     </div>
 
-    <v-card-actions>
-      <v-btn variant="plain" @click="requestClose">
-        Annuler
-      </v-btn>
-      <v-btn color="#A6147D" @click="requestSave">
-        Enregistrer
-      </v-btn>
-    </v-card-actions>
-  </v-card>
+    <div class="card-actions">
+      <button class="secondary" @click="requestClose">
+        {{ t('cancel') }}
+      </button>
+      <button class="primary" @click="requestSave">
+        {{ t('save') }}
+      </button>
+    </div>
+  </div>
 </template>
 
 <script setup>
 import {ref} from 'vue';
+import { useTranslations } from "@/translations/translations";
 
+const t = useTranslations();
 const props = defineProps(['address'])
 const emit = defineEmits(['close', 'save'])