-Added Profile.vue and his components - select color and upload pictures UI

src/views/main/Aboutyou.vue

@@ -1,13 +1,8 @@
 <template>
   <div class="py-8" ref="container">
-    <div class="text-center text-2xl mb-4">À propos de vous</div>
+    <div class="text-center text-2xl py-4 border-t-4">À propos de vous</div>
     <div class="px-5 relative">
       <div class="flex flex-col space-y-4">
-        <!-- Vos champs de formulaire ici -->
-        <div>
-          <label class="flex justify-center text-lg">Nom d'utilisateur</label>
-        </div>
-
         <div>
           <div class="flex justify-between items-center mb-2">
             <label class="text-lg">Prénom</label>
@@ -45,7 +40,7 @@
 
         <div>
           <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Date de naissance</label>
+            <label class="text-lg">Date de naissance (JJ/MM/AAAA)</label>
           </div>
           <v-text-field v-model="birthDate" label="Date de naissance" variant="outlined"
                         :rules="[dateRule]"></v-text-field>
@@ -86,12 +81,6 @@
           <v-textarea v-model="description" label="Description" variant="outlined"></v-textarea>
         </div>
       </div>
-      <div class="flex justify-end space-x-2 px-4">
-        <v-btn class="save-btn" @click="saveAll">Enregistrer</v-btn>
-        <router-link :to="`/${currentUserName}`">
-          <v-btn class="save-btn">Retour</v-btn>
-        </router-link>
-      </div>
     </div>
   </div>
 </template>
@@ -132,10 +121,6 @@ const saveAll = () => {
     titre: titre.value,
     description: description.value,
   };
-
-  // Envoyer les données
-  console.log('Envoi des données : ', formData);
-  // Vous pouvez utiliser une requête HTTP pour envoyer les données à votre serveur ici.
 };
 </script>