Adds SVG for all social network icons

frontend/src/views/creators/CreatorLogoEditor.vue

@@ -1,27 +1,36 @@
 <template>
-  <h2 class="text-2xl font-semibold mb-4 flex justify-center">
-    Logo
-  </h2>
+  <div class="card">
+    <div class="card-title">
+      Logo
+    </div>
 
-  <div class="flex justify-center mb-5">
-    <img
-        :src="fileUrl || fallbackUrl"
-        class="w-full transition duration-200 ease-in-out transform max-w-[400px]"
-        alt="Aperçu du logo"
-    />
-  </div>
+    <div class="card-entry flex flex-col items-center">
+      <img
+          :src="fileUrl || fallbackUrl"
+          alt="Aperçu du logo"
+          class="mb-5 transition duration-200 ease-in-out transform w-[200px] h-[200px]"
+      />
 
-  <v-file-input
-      v-model="selectedFile"
-      variant="outlined"
-      accept="image/*"
-      label="Votre logo"
-      @change="onFileSelected"
-  ></v-file-input>
+      <v-file-input
+          v-model="selectedFile"
+          accept="image/*"
+          class="w-full"
+          label="Votre logo"
+          variant="outlined"
+          @change="onFileSelected"
+      ></v-file-input>
+    </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="publish">Enregistrer</v-btn>
+    <div class="card-actions">
+      <button class="secondary"
+              @click="cancel">
+        Annuler
+      </button>
+      <button class="primary"
+              @click="publish">
+        Enregistrer
+      </button>
+    </div>
   </div>
 
 </template>