Adds About for Creators

src/views/creators/CreatorAbout.vue

@@ -0,0 +1,55 @@
+<template>
+  <div>
+    <button
+        class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125 mr-2"
+        @click="AboutUs = true"
+    >
+      <v-icon style="font-size: 35px; height: 35px; width: 55px;">
+        mdi-information
+      </v-icon>
+    </button>
+
+    <v-dialog v-model="AboutUs" max-width="500px">
+      <v-card>
+
+        <v-card-title>
+          {{ creator.about.title }}
+        </v-card-title>
+
+        <v-card-text class="scrollable-content">
+          {{ creator.about.description }}
+        </v-card-text>
+
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn text class="ml-auto" @click="AboutUs = false">Fermer</v-btn>
+        </v-card-actions>
+
+      </v-card>
+    </v-dialog>
+
+  </div>
+</template>
+
+<script setup>
+import {ref} from 'vue';
+
+const AboutUs = ref(false);
+
+const props = defineProps({
+  creator: {type: Object, required: true},
+});
+
+</script>
+
+<style scoped>
+.scrollable-content {
+  max-height: 600px;
+  overflow-y: auto;
+}
+
+.scrollable-content::-webkit-scrollbar {
+  width: 6px;
+}
+
+</style>