Big cleanup for styling

frontend/src/views/profile/account/EmailDialog.vue

@@ -1,23 +1,28 @@
 <template>
-  <div class="pb-5 text-2xl">Courriel</div>
+  <div class="card">
+    <div class="card-title">
+      Courriel
+    </div>
 
-  <div class="m-4">
-    <v-text-field
-        variant="outlined"
-        v-model="email"
-        label="Votre courriel"
-    ></v-text-field>
+    <div class="card-entry">
+      <v-text-field
+          v-model="email"
+          label="Votre courriel"
+          variant="outlined"
+      ></v-text-field>
+    </div>
+
+    <div class="card-actions">
+      <button class="secondary"
+              @click="cancel">
+        Annuler
+      </button>
+      <button class="primary"
+              @click="save">
+        Enregistrer
+      </button>
+    </div>
   </div>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn color="black" variant="text" @click="cancel">
-      Annuler
-    </v-btn>
-    <v-btn color="#A6147D" @click="save">
-      Enregistrer
-    </v-btn>
-  </div>
-
 </template>
 
 <script setup>