User experience improvements in profile

frontend/src/views/profile/ProfilePage.vue

@@ -224,6 +224,12 @@ function handleDelete() {
           </div>
           <div class="content">
 
+            <button class="action" @click="openDialog('ChangeSlugDialog')">
+              <span class="label">{{ t('handle') }}</span>
+              <span class="value">@{{ creatorProfileStore.creator.slug }}</span>
+              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+            </button>
+
             <!-- NAME -->
             <button class="action"  @click="openDialog('ChangeNameDialog')">
               <span class="label">{{ t('name') }}</span>
@@ -231,12 +237,6 @@ function handleDelete() {
               <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
             </button>
             
-            <button class="action" @click="openDialog('ChangeSlugDialog')">
-              <span class="label">{{ t('username') }}</span>
-              <span class="value">@{{ creatorProfileStore.creator.slug }}</span>
-              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-            </button>
-
             <!-- TITLE -->
             <button class="action" @click="openDialog('ChangeTitleDialog')">
               <span class="label">{{ t('title') }}</span>
@@ -410,7 +410,10 @@ function handleDelete() {
     "deleteWarning": "Are you sure you want to delete your creator page? This action cannot be undone.",
     "restoreWarning": "Are you sure you want to restore your creator page? This will make your page visible again.",
     "deleteCreatorPage": "Delete Creator Page",
-    "restoreCreatorPage": "Restore Creator Page"
+    "restoreCreatorPage": "Restore Creator Page",
+    "stripeAccountId": "Stripe Account ID",
+    "socialNetworks": "Social Networks",
+    "handle": "Creator Handle"
   },
   "fr": {
     "personalInfo": "Informations Personnelles",
@@ -424,7 +427,10 @@ function handleDelete() {
     "deleteWarning": "Êtes-vous sûr de vouloir supprimer votre page de créateur ? Cette action est irréversible.",
     "restoreWarning": "Êtes-vous sûr de vouloir restaurer votre page de créateur ? Cela rendra votre page à nouveau visible.",
     "deleteCreatorPage": "Supprimer la Page Créateur",
-    "restoreCreatorPage": "Restaurer la Page Créateur"
+    "restoreCreatorPage": "Restaurer la Page Créateur",
+    "stripeAccountId": "ID de Compte Stripe",
+    "socialNetworks": "Réseaux Sociaux",
+    "handle": "Identifiant du créateur"
   },
   "es": {
     "personalInfo": "Información Personal",
@@ -438,7 +444,10 @@ function handleDelete() {
     "deleteWarning": "¿Estás seguro de que quieres eliminar tu página de creador? Esta acción no se puede deshacer.",
     "restoreWarning": "¿Estás seguro de que quieres restaurar tu página de creador? Esto hará que tu página sea visible nuevamente.",
     "deleteCreatorPage": "Eliminar Página de Creador",
-    "restoreCreatorPage": "Restaurar Página de Creador"
+    "restoreCreatorPage": "Restaurar Página de Creador",
+    "stripeAccountId": "ID de Cuenta Stripe",
+    "socialNetworks": "Redes Sociales",
+    "handle": "Identificador del creador"
   }
 }
 </i18n>