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

src/views/main/SocialLinks.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="py-8" ref="container">
-    <div class="text-center text-2xl mb-4">Liens des réseaux sociaux et de votre site</div>
-    <div class="px-5 py-4 flex flex-col space-y-4">
+  <div  ref="container">
+    <div class="text-center text-2xl py-4 border-t-4">Liens des réseaux sociaux et de votre site</div>
+    <div class="px-5 py-2 flex flex-col space-y-4">
       <div v-for="network in socialNetworks" :key="network.field">
         <div class="flex justify-between items-center mb-2">
           <label class="text-lg">{{ network.label }}</label>
@@ -10,20 +10,14 @@
       </div>
       <div class="flex flex-col space-y-4">
         <div class="flex items-center mb-2">
-          <label class="text-lg mr-4">Icon</label>
+          <label class="text-lg mr-4">Icône pour votre site web *svg</label>
           <v-file-input v-model="iconFile" label="Téléverser une icône" @change="onFileChange"></v-file-input>
         </div>
         <div v-if="iconUrl" class="flex justify-center">
           <img :src="iconUrl" alt="Icon" class="icon-preview">
         </div>
       </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>
 
@@ -65,9 +59,6 @@ const saveAll = () => {
 </script>
 
 <style scoped>
-.save-btn {
-  z-index: 10;
-}
 .icon-preview {
   max-width: 250px;
   max-height: 250px;