feat: Update layout in ProfilePage.vue

frontend/src/views/profile/ProfilePage.vue

@@ -209,14 +209,6 @@ function downloadQRCode() {
           </button>
         </div>
 
-      </div>
-
-      <div class="card">
-
-        <div class="card-title">
-          {{ t('contactInfo') }}
-        </div>
-
         <div class="content">
           <button class="action" @click="openDialog('EmailDialog')">
             <span class="label">{{ t('email') }}</span>
@@ -254,16 +246,25 @@ function downloadQRCode() {
               <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
             </button>
 
-            <!-- STRIPE -->
-            <button class="action" @click="openDialog('ChangeStripeIdDialog')">
-              <span class="label">{{ t('stripeAccountId') }}</span>
-              <span class="value">{{ creatorProfileStore.creator.stripeId }}</span>
-              <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
-            </button>
 
           </div>
         </div>
 
+        <div class="card">
+
+          <div class="card-title">
+            {{ t('payment-information') }}
+          </div>
+
+          <!-- STRIPE -->
+          <button class="action" @click="openDialog('ChangeStripeIdDialog')">
+            <span class="label">{{ t('stripeAccountId') }}</span>
+            <span class="value">{{ creatorProfileStore.creator.stripeId }}</span>
+            <span class="chevron"><v-icon>mdi-chevron-right</v-icon></span>
+          </button>
+
+        </div>
+
         <div class="card">
           <div class="card-title">
             {{ t('socialNetworks') }}
@@ -523,7 +524,6 @@ function downloadQRCode() {
     "personalInfo": "Personal Information",
     "fullName": "Full Name",
     "alias": "Alias",
-    "contactInfo": "Contact Information",
     "email": "Email",
     "creatorInfo": "Creator Information",
     "dangerZone": "Danger Zone",
@@ -537,13 +537,13 @@ function downloadQRCode() {
     "handle": "Creator Handle",
     "qrCode": "QR Code",
     "qrCodeDescription": "Print this QR code to share your Hutopy with the world! Perfect for business cards, social media, and promotional materials.",
-    "downloadQRCode": "Download QR Code"
+    "downloadQRCode": "Download QR Code",
+    "payment-information": "Payment Information"
   },
   "fr": {
     "personalInfo": "Informations Personnelles",
     "fullName": "Nom Complet",
     "alias": "Alias",
-    "contactInfo": "Informations de Contact",
     "email": "Email",
     "creatorInfo": "Informations du Créateur",
     "dangerZone": "Zone de Danger",
@@ -557,13 +557,13 @@ function downloadQRCode() {
     "handle": "Identifiant du créateur",
     "qrCode": "Code QR",
     "qrCodeDescription": "Imprimez ce code QR pour partager votre Hutopy avec le monde ! Parfait pour les cartes de visite, les réseaux sociaux et les supports promotionnels.",
-    "downloadQRCode": "Télécharger le Code QR"
+    "downloadQRCode": "Télécharger le Code QR",
+    "payment-information": "Informations de Paiement"
   },
   "es": {
     "personalInfo": "Información Personal",
     "fullName": "Nombre Completo",
     "alias": "Alias",
-    "contactInfo": "Información de Contacto",
     "email": "Correo Electrónico",
     "creatorInfo": "Información del Creador",
     "dangerZone": "Zona de Peligro",
@@ -577,7 +577,8 @@ function downloadQRCode() {
     "handle": "Identificador del creador",
     "qrCode": "Código QR",
     "qrCodeDescription": "¡Imprime este código QR para compartir tu Hutopy con el mundo! Perfecto para tarjetas de presentación, redes sociales y materiales promocionales.",
-    "downloadQRCode": "Descargar Código QR"
+    "downloadQRCode": "Descargar Código QR",
+    "payment-information": "Información de Pago"
   }
 }
 </i18n>