From 098104404c9c921d0f8f9592067671b9d6a8c6b5 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 13 Jul 2024 01:34:28 -0400
Subject: [PATCH 001/109] I have repositioned the user information and also
 added a tool to determine the screen size on the creator's page to facilitate
 development.

---
 src/views/creators/CreatorBanner.vue | 81 ++++++++++++++++------------
 src/views/main/DonationPopup.vue     |  2 +-
 src/views/tools/SeizeIndicator.vue   | 16 ++++++
 3 files changed, 64 insertions(+), 35 deletions(-)
 create mode 100644 src/views/tools/SeizeIndicator.vue

diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 6330906..9888316 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,18 +1,18 @@
 <template>
+  <seize-indicator></seize-indicator>
+  
+  
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
     <div class="relative flex flex-col">
       <!-- Social Network-->
-      <div class="bg-opacity-50 flex flex-col md:flex-row items-center justify-between py-2 px-4 min-h-24" :style="{ backgroundColor: creator.profileColors.bannerTop || '#6B0065' }">
-        <div class="text-white mb-2 md:mb-0 w-full md:w-auto flex justify-between md:block">
-          <div class="text-lg">1000+ Abonnés</div>
-          <div class="text-sm">500 Contacts en commun</div>
-        </div>
-        <div class="grid grid-cols-6  md:flex flex-wrap space-x-0 md:space-x-10 gap-6 ">
-          <a 
-              v-for="socialNetwork in GetActiveSocialNetworkUrls()" 
-              :href="socialNetwork.url" target="_blank"
-             class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500">
+      <div class="bg-opacity-50 flex flex-col md:flex-row items-center py-4 px-4 min-h-14" :style="{ backgroundColor: creator.profileColors.bannerTop || '#6B0065' }">
+        <div class="w-full flex justify-between lg:justify-end gap-14 mt-2">
+          <a
+              v-for="socialNetwork in GetActiveSocialNetworkUrls()"
+              :href="socialNetwork.url"
+              target="_blank"
+              class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500">
             <v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon>
             <img v-if="socialNetwork.icon.includes('tiktok')" :src="socialNetwork.icon" class="w-9 h-9" alt="Tiktok">
             <img v-if="socialNetwork.icon.includes('websiteIcon')" :src="socialNetwork.icon" class="w-9 h-9" alt="Website">
@@ -21,41 +21,47 @@
       </div>
 
 
-    </div>
+    </div>    
+    
     <!--Banner & user info-->
     <div class="relative">
       <!--Banner-->
       <div>
         <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.7)]" :src="creator.storedDataUrls.bannerPictureUrl || '/images/hutopymedia/banners/tutorialbanner.png'" alt="Profile Banner" style="max-height: 550px">
-      </div>
-      <!--User info -->
-      <div class="absolute top-1/2 right-10 text-white z-30 transform -translate-y-1/2">
-        <div class="text-white">
-          <div class="text-2xl sm:text-3xl md:text-2xl lg:text-4xl xl:text-6xl font-bold">
-            <p :style="{ color: creator.profileColors.accent }">{{ creator.firstName }}</p>
-          </div>
-          <div class="text-2xl sm:text-3xl md:text-2xl lg:text-4xl xl:text-6xl font-bold">
-            <p :style="{ color: creator.profileColors.accent }">{{ creator.lastName }}</p>
-          </div>
-          <div class="text-1xl sm:text-xl md:text-lg lg:text-2xl xl:text-3xl">
-            <p :style="{ color: creator.profileColors.accent }">{{ creator.occupation }}</p>
-          </div>
-        </div>
-      </div>
+      </div>     
     </div>
   </div>
 
   <!-- Actions Button & image profile -->
   <div class="relative bottom-4 w-full">
     <div class="bg-gray-800 py-4 relative shadow-lg min-h-24" :style="{ backgroundColor: creator.profileColors.bannerBottom || '#A30E79' }">
-      <div class="flex flex-col sm:flex-row items-center sm:justify-between">
-        <img
-            class="left-5 rounded-full border-solid border-2 sm:absolute sm:top-1/2 sm:transform sm:-translate-y-1/2 md:left-20 z-20"
-            :src="creator.storedDataUrls.profilePictureUrl || '/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png'"
-            alt="Profile Picture"
-            :style="{ borderColor: creator.profileColors.accent || '#A30E79', maxWidth: '250px', width: '100%' }"
-        >
-        <div v-if="creator.id === userStore.getCurrentUser().id" class="flex flex-wrap sm:flex-nowrap items-center mt-4 sm:mt-0 sm:ml-auto space-x-2 sm:space-x-4">
+      <div class="flex flex-col items-center lg:flex-row lg:items-center lg:justify-between">
+        <!-- Profile Image Wrapper -->
+        <div class="relative flex justify-center lg:w-auto lg:justify-start">
+          <!-- Profile Image -->
+          <div class="absolute lg:ml-72 transform -translate-y-1/2 lg:-translate-y-1/2 z-20">
+            <img
+                class="rounded-full border-solid border-2 z-20 lg:max-w-[200px] max-w-[200px] h-auto"
+                :src="creator.storedDataUrls.profilePictureUrl || '/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png'"
+                alt="Profile Picture"
+                :style="{ borderColor: creator.profileColors.accent || '#A30E79', height: '150px' /* Adjust the height here */ }"
+            />
+          </div>
+        </div>
+
+        <!-- User Info -->
+        <div class="mt-2 flex flex-col items-center lg:items-start lg:ml-64">
+          <div class="text-3xl font-bold text-center lg:text-left md:mt-24 lg:mt-0 sm:mt-24 mt-24">
+            <p :style="{ color: creator.profileColors.accent }">{{ creator.firstName }} {{ creator.lastName }}</p>
+          </div>
+          <div class="text-2xl text-center lg:text-left">
+            <p :style="{ color: creator.profileColors.accent }">{{ creator.occupation }}</p>
+          </div>
+          <div class="text-lg" :style="{ color: creator.profileColors.accent }">1000+ Abonnés</div>
+        </div>
+
+        <!-- Buttons -->
+        <div v-if="creator.id === userStore.getCurrentUser().id" class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
           <button
               class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125"
               @click="isDialogActive = true">
@@ -79,6 +85,12 @@
     </div>
   </div>
 
+
+
+
+
+
+
   <!--Post-modale-->
   <v-dialog v-model="isDialogActive" max-width="500">
     <template v-slot:default="{ isActive }">
@@ -120,6 +132,7 @@
 
 import {defineProps, ref} from "vue";
 import {useUserStore} from "@/stores/user.js";
+import SeizeIndicator from "@/views/tools/SeizeIndicator.vue";
 
 const props = defineProps({
   creator: { type: Object, required: true },
diff --git a/src/views/main/DonationPopup.vue b/src/views/main/DonationPopup.vue
index 156f349..ff366df 100644
--- a/src/views/main/DonationPopup.vue
+++ b/src/views/main/DonationPopup.vue
@@ -1,5 +1,5 @@
 <template> 
-    <div class="fixed z-50 bottom-10 right-10 flex flex-column">
+    <div class="fixed z-50 bottom-6 right-6 flex flex-column">
       <div
           v-if="showPopup"
           ref="popup"
diff --git a/src/views/tools/SeizeIndicator.vue b/src/views/tools/SeizeIndicator.vue
new file mode 100644
index 0000000..ce266d9
--- /dev/null
+++ b/src/views/tools/SeizeIndicator.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="fixed bottom-0 left-0 m-4 z-50">
+    <div class="hidden sm:block md:hidden bg-blue-500 text-white p-2 rounded">
+      sm
+    </div>
+    <div class="hidden md:block lg:hidden bg-green-500 text-white p-2 rounded">
+      md
+    </div>
+    <div class="hidden lg:block xl:hidden bg-yellow-500 text-black p-2 rounded">
+      lg
+    </div>
+    <div class="hidden xl:block bg-red-500 text-white p-2 rounded">
+      xl
+    </div>
+  </div>
+</template>
\ No newline at end of file

From 92908869b3b64abd245bbf2394466c432bc00392 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 13 Jul 2024 10:43:29 -0400
Subject: [PATCH 002/109] I changed an if statement to always show the buttons
 when disconnected.

---
 src/views/creators/CreatorBanner.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 9888316..0cdeee8 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -61,8 +61,8 @@
         </div>
 
         <!-- Buttons -->
-        <div v-if="creator.id === userStore.getCurrentUser().id" class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
-          <button
+        <div  class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
+          <button v-if="creator.id === userStore.getCurrentUser().id"
               class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125"
               @click="isDialogActive = true">
             <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>

From d9f4973319ffa97e1f81e6c4c3396da824356fb6 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 13 Jul 2024 12:28:07 -0400
Subject: [PATCH 003/109] I added the "About Us" button in the banner section
 and connected it with the backend.

---
 src/views/creators/AboutYou.vue      | 64 ++++++++++++++++++++++++++++
 src/views/creators/CreatorBanner.vue |  9 ++--
 2 files changed, 68 insertions(+), 5 deletions(-)
 create mode 100644 src/views/creators/AboutYou.vue

diff --git a/src/views/creators/AboutYou.vue b/src/views/creators/AboutYou.vue
new file mode 100644
index 0000000..8c0cc33
--- /dev/null
+++ b/src/views/creators/AboutYou.vue
@@ -0,0 +1,64 @@
+<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>
+          À propos
+        </v-card-title>
+        <v-card-text class="scrollable-content">
+          {{ creator.description }}
+        </v-card-text>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn text class="ml-auto" @click="isModalOpen = false">Fermer</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
+</template>
+
+<script setup>
+
+import {ref} from 'vue';
+import {useUserStore} from "@/stores/user.js";
+
+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;
+}
+
+.scrollable-content::-webkit-scrollbar-thumb {
+  background-color: #A30E79;
+  border-radius: 10px;
+}
+
+.scrollable-content::-webkit-scrollbar-thumb:hover {
+  background-color: #a21caf;
+}
+
+.transparent-btn {
+  background-color: transparent;
+  color: inherit;
+  box-shadow: none;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 0cdeee8..16bcb4c 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -61,7 +61,7 @@
         </div>
 
         <!-- Buttons -->
-        <div  class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
+        <div  class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4 ml-">
           <button v-if="creator.id === userStore.getCurrentUser().id"
               class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125"
               @click="isDialogActive = true">
@@ -76,10 +76,7 @@
               class="flex items-center text-white transform transition-transform duration-200 hover:text-white hover:scale-125">
             <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-comment-text</v-icon>
           </button>
-          <button
-              class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125">
-            <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-information</v-icon>
-          </button>
+          <AboutYou :creator="creator"></AboutYou>
         </div>
       </div>
     </div>
@@ -126,6 +123,7 @@
   </v-dialog>
 
 
+
 </template>
 
 <script setup>
@@ -133,6 +131,7 @@
 import {defineProps, ref} from "vue";
 import {useUserStore} from "@/stores/user.js";
 import SeizeIndicator from "@/views/tools/SeizeIndicator.vue";
+import AboutYou from "@/views/creators/AboutYou.vue";
 
 const props = defineProps({
   creator: { type: Object, required: true },

From 8aa24c00a09ce238be8aedf6fbfc09125058675c Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 13 Jul 2024 13:38:07 -0400
Subject: [PATCH 004/109] I added creator.about to the information modal.

---
 src/views/creators/AboutYou.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/views/creators/AboutYou.vue b/src/views/creators/AboutYou.vue
index 8c0cc33..9263a6a 100644
--- a/src/views/creators/AboutYou.vue
+++ b/src/views/creators/AboutYou.vue
@@ -11,6 +11,9 @@
       <v-card>
         <v-card-title>
           À propos
+          <br><br>
+          <div class="flex justify-center">      {{ creator.about }}</div>
+          <br>
         </v-card-title>
         <v-card-text class="scrollable-content">
           {{ creator.description }}

From c069753d1b775c77556bc52c570ba2a868908d35 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 13 Jul 2024 16:59:09 -0400
Subject: [PATCH 005/109] Fixe Modal Close btn

---
 src/views/creators/AboutYou.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/creators/AboutYou.vue b/src/views/creators/AboutYou.vue
index 9263a6a..4d41cbe 100644
--- a/src/views/creators/AboutYou.vue
+++ b/src/views/creators/AboutYou.vue
@@ -20,7 +20,7 @@
         </v-card-text>
         <v-card-actions>
           <v-spacer></v-spacer>
-          <v-btn text class="ml-auto" @click="isModalOpen = false">Fermer</v-btn>
+          <v-btn text class="ml-auto" @click="AboutUs = false">Fermer</v-btn>
         </v-card-actions>
       </v-card>
     </v-dialog>

From 7794f126d0ca1044014a6ca89083e9288b6b4f5e Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 13 Jul 2024 18:20:47 -0400
Subject: [PATCH 006/109] I added the button and the modal to create a post in
 a new .vue file to better organize everything.

---
 src/views/creators/CreatePostButton.vue | 80 +++++++++++++++++++++++
 src/views/creators/CreatorBanner.vue    | 85 +------------------------
 src/views/creators/CreatorPage.vue      | 67 ++++++++++---------
 3 files changed, 116 insertions(+), 116 deletions(-)
 create mode 100644 src/views/creators/CreatePostButton.vue

diff --git a/src/views/creators/CreatePostButton.vue b/src/views/creators/CreatePostButton.vue
new file mode 100644
index 0000000..9c2e148
--- /dev/null
+++ b/src/views/creators/CreatePostButton.vue
@@ -0,0 +1,80 @@
+<template>
+  <div>
+    <button v-if="creator.id === userStore.getCurrentUser().id"
+            class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125"
+            @click="isDialogActive = true">
+      <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>
+    </button>
+
+    <v-dialog v-model="isDialogActive" max-width="500">
+      <template v-slot:default="{ isActive }">
+        <v-card class="text-center rounded-xl">
+          <div class="text-white p-4 rounded-t" :style="{backgroundColor: creator.profileColors.menu || '#A30E79'}">
+            <h2>Publication</h2>
+          </div>
+          <v-card-text class="bg">
+            <v-row class="justify-center mb-4">
+              <v-col class="d-flex align-center justify-end">
+                <v-btn :class="{'v-btn--active': !isArticle}" @click="togglePostType(false)">QUICKY</v-btn>
+              </v-col>
+              <v-col class="d-flex align-center justify-start">
+                <v-btn :class="{'v-btn--active': isArticle}" @click="togglePostType(true)">ARTICLE</v-btn>
+              </v-col>
+            </v-row>
+            <v-textarea label="Écrivez votre message ici..." v-model="message" outlined></v-textarea>
+            <v-file-input
+                label="Ajoutez des fichiers"
+                v-model="files"
+                outlined
+                multiple
+                dropzone
+                placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"
+            ></v-file-input>
+          </v-card-text>
+          <v-card-actions class="justify-end">
+            <v-btn color="primary" @click="publishPost">Publier</v-btn>
+            <v-btn color="primary" @click="cancelPost">Annuler</v-btn>
+          </v-card-actions>
+        </v-card>
+      </template>
+    </v-dialog>
+  </div>
+</template>
+
+<script setup>
+import { defineProps, ref } from 'vue';
+import { useUserStore } from '@/stores/user.js';
+
+const props = defineProps({
+  creator: { type: Object, required: true },
+});
+
+const userStore = useUserStore();
+
+const isDialogActive = ref(false);
+const message = ref('');
+const files = ref([]);
+const isArticle = ref(false);
+
+const publishPost = () => {
+  // Logic to publish post
+  console.log('Post published:', message.value, files.value);
+  isDialogActive.value = false;
+  resetPostForm();
+};
+
+const cancelPost = () => {
+  isDialogActive.value = false;
+  resetPostForm();
+};
+
+const resetPostForm = () => {
+  message.value = '';
+  files.value = [];
+};
+
+const togglePostType = (article) => {
+  isArticle.value = article;
+};
+</script>
+
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 16bcb4c..a2eaee6 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,7 +1,6 @@
 <template>
   <seize-indicator></seize-indicator>
-  
-  
+    
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
     <div class="relative flex flex-col">
@@ -19,8 +18,6 @@
           </a>
         </div>
       </div>
-
-
     </div>    
     
     <!--Banner & user info-->
@@ -62,11 +59,7 @@
 
         <!-- Buttons -->
         <div  class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4 ml-">
-          <button v-if="creator.id === userStore.getCurrentUser().id"
-              class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125"
-              @click="isDialogActive = true">
-            <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>
-          </button>
+          <CreatePostButton :creator="creator" />         
           <button class="text-white py-2 px-4 rounded"
                   style="background-color: #333; transition: background-color 0.3s ease;"
                   onmouseover="this.style.backgroundColor='#555';" onmouseout="this.style.backgroundColor='#333';">
@@ -81,89 +74,17 @@
       </div>
     </div>
   </div>
-
-
-
-
-
-
-
-  <!--Post-modale-->
-  <v-dialog v-model="isDialogActive" max-width="500">
-    <template v-slot:default="{ isActive }">
-      <v-card class="text-center rounded-xl">
-        <div class="text-white p-4 rounded-t" :style="{backgroundColor: creator.profileColors.menu || '#A30E79'}">
-          <h2>Publication</h2>
-        </div>
-        <v-card-text class="bg">
-          <v-row class="justify-center mb-4">
-            <v-col class="d-flex align-center justify-end">
-              <v-btn :class="{'v-btn--active': !isArticle}" @click="togglePostType(false)">QUICKY</v-btn>
-            </v-col>
-            <v-col class="d-flex align-center justify-start">
-              <v-btn :class="{'v-btn--active': isArticle}" @click="togglePostType(true)">ARTICLE</v-btn>
-            </v-col>
-          </v-row>
-          <v-textarea label="Écrivez votre message ici..." v-model="message" outlined></v-textarea>
-          <v-file-input
-              label="Ajoutez des fichiers"
-              v-model="files"
-              outlined
-              multiple
-              dropzone
-              placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"
-          ></v-file-input>
-        </v-card-text>
-        <v-card-actions class="justify-end">
-          <v-btn color="primary" @click="publishPost">Publier</v-btn>
-          <v-btn color="primary" @click="cancelPost">Annuler</v-btn>
-        </v-card-actions>
-      </v-card>
-    </template>
-  </v-dialog>
-
-
-
 </template>
 
 <script setup>
-
+import CreatePostButton from "@/views/creators/CreatePostButton.vue";
 import {defineProps, ref} from "vue";
-import {useUserStore} from "@/stores/user.js";
 import SeizeIndicator from "@/views/tools/SeizeIndicator.vue";
 import AboutYou from "@/views/creators/AboutYou.vue";
-
 const props = defineProps({
   creator: { type: Object, required: true },
 });
 
-const userStore = useUserStore();
-
-const isDialogActive = ref(false);
-const message = ref('');
-const files = ref([]);
-const isArticle = ref(false);
-
-const publishPost = () => {
-  // Logic to publish post
-  console.log('Post published:', message.value, files.value);
-  isDialogActive.value = false;
-  resetPostForm();
-};
-
-const cancelPost = () => {
-  isDialogActive.value = false;
-  resetPostForm();
-};
-
-const resetPostForm = () => {
-  message.value = '';
-  files.value = [];
-};
-
-const togglePostType = (article) => {
-  isArticle.value = article;
-};
 
 function GetActiveSocialNetworkUrls(){
   const socialNetworks = [];
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 312adbe..1d9bb86 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -1,47 +1,44 @@
 <template>
   <div v-if="creator && creator.id">
-    
-    <creator-banner :creator="creator"></creator-banner>
 
+    <creator-banner :creator="creator"></creator-banner>
     <DonationPopup :creator-id="creator.id"></DonationPopup>
 
     <div class="max-w-[1000px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
-    
-    <div class="w-full mt-20">
-
-   
-
-      <v-card-text>
-        <v-tabs-window v-model="tab">
-          <v-tabs-window-item value="content">
-            <div class="w-full h-full p-6">
-              <ContentList v-if="creator.id"
-                           :creator-id="creator.id">
-              </ContentList>
-            </div>
-          </v-tabs-window-item>
-
-          <v-tabs-window-item value="community">
-            <div>
-              <div class="border-b-2 p-6">
-                <PostMessage v-if="creator.id"
-                             :content-id="creator.id">
-                </PostMessage>
+      <div class="w-full mt-20">      
+              
+        <v-card-text>
+          <v-tabs-window v-model="tab">
+            <v-tabs-window-item value="content">
+              <div class="w-full h-full p-6">
+                <ContentList v-if="creator.id"
+                             :creator-id="creator.id">
+                </ContentList>
               </div>
+            </v-tabs-window-item>
 
-              <div class="border-b p-6">
-                <h2 class="font-sans font-semibold">Commentaires</h2>
-                <MessageList v-if="creator.id"
-                             :content-id="creator.id">
-                </MessageList>
+            <v-tabs-window-item value="community">
+              <div>
+                <div class="border-b-2 p-6">
+                  <PostMessage v-if="creator.id"
+                               :content-id="creator.id">
+                  </PostMessage>
+                </div>
+
+                <div class="border-b p-6">
+                  <h2 class="font-sans font-semibold">Commentaires</h2>
+                  <MessageList v-if="creator.id"
+                               :content-id="creator.id">
+                  </MessageList>
+                </div>
               </div>
-            </div>
-          </v-tabs-window-item>
+            </v-tabs-window-item>
 
-        </v-tabs-window>
-      </v-card-text>
-    </div>
+          </v-tabs-window>
+        </v-card-text>
+      </div>
     </div>
+
   </div>
 
   <!-- Fallback when user try to access a non-existing creator -->
@@ -69,6 +66,8 @@ import MessageList from "@/views/messages/MessageList.vue";
 import ContentList from "@/views/contents/ContentList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
 import DonationPopup from "@/views/main/DonationPopup.vue";
+import CreatorFeed from "@/views/main/CreatorFeed.vue";
+import CreatePostButton from "@/views/creators/CreatePostButton.vue";
 
 const client = useClient();
 const route = useRoute();
@@ -77,7 +76,7 @@ const creator = ref(null);
 const loading = ref(true);
 const tab = ref();
 
-onBeforeMount(async() => {
+onBeforeMount(async () => {
   setTimeout(() => {
     loading.value = false;
   }, 1500);

From 66888bee9ee2b22c4600cc9ac7c14ba834f0f7fb Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 14 Jul 2024 22:01:26 -0400
Subject: [PATCH 007/109] Wip

---
 src/views/creators/AboutYou.vue         | 54 +++++++++++++++++-------
 src/views/creators/CreatePostButton.vue |  2 +-
 src/views/creators/CreatorBanner.vue    | 56 ++++++++++++++-----------
 3 files changed, 71 insertions(+), 41 deletions(-)

diff --git a/src/views/creators/AboutYou.vue b/src/views/creators/AboutYou.vue
index 4d41cbe..053b875 100644
--- a/src/views/creators/AboutYou.vue
+++ b/src/views/creators/AboutYou.vue
@@ -12,7 +12,7 @@
         <v-card-title>
           À propos
           <br><br>
-          <div class="flex justify-center">      {{ creator.about }}</div>
+          <div class="flex justify-center">{{ creator.about }}</div>
           <br>
         </v-card-title>
         <v-card-text class="scrollable-content">
@@ -28,40 +28,62 @@
 </template>
 
 <script setup>
-
-import {ref} from 'vue';
-import {useUserStore} from "@/stores/user.js";
+import { ref, onMounted } from 'vue';
 
 const AboutUs = ref(false);
 
 const props = defineProps({
-  creator: {type: Object, required: true},
+  creator: { type: Object, required: true },
 });
+
+onMounted(() => {
+  const style = document.createElement('style');
+  style.innerHTML = `
+    .scrollable-content::-webkit-scrollbar-thumb {
+      background-color: ${props.creator.profileColors.menu};
+      border-radius: 10px;
+    }
+    .scrollable-content::-webkit-scrollbar-thumb:hover {
+      background-color: ${shadeColor(props.creator.profileColors.accent, -10)};
+    }
+  `;
+  document.head.appendChild(style);
+});
+
+function shadeColor(color, percent) {
+  const f = parseInt(color.slice(1), 16),
+      t = percent < 0 ? 0 : 255,
+      p = percent < 0 ? percent * -1 : percent,
+      R = f >> 16,
+      G = (f >> 8) & 0x00ff,
+      B = f & 0x0000ff;
+  return (
+      "#" +
+      (
+          0x1000000 +
+          (Math.round((t - R) * p) + R) * 0x10000 +
+          (Math.round((t - G) * p) + G) * 0x100 +
+          (Math.round((t - B) * p) + B)
+      )
+          .toString(16)
+          .slice(1)
+  );
+}
 </script>
 
 <style scoped>
 .scrollable-content {
   max-height: 600px;
   overflow-y: auto;
-
 }
 
 .scrollable-content::-webkit-scrollbar {
   width: 6px;
 }
 
-.scrollable-content::-webkit-scrollbar-thumb {
-  background-color: #A30E79;
-  border-radius: 10px;
-}
-
-.scrollable-content::-webkit-scrollbar-thumb:hover {
-  background-color: #a21caf;
-}
-
 .transparent-btn {
   background-color: transparent;
   color: inherit;
   box-shadow: none;
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/creators/CreatePostButton.vue b/src/views/creators/CreatePostButton.vue
index 9c2e148..fca68c5 100644
--- a/src/views/creators/CreatePostButton.vue
+++ b/src/views/creators/CreatePostButton.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <button v-if="creator.id === userStore.getCurrentUser().id"
-            class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125"
+            class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125 px-4"
             @click="isDialogActive = true">
       <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>
     </button>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index a2eaee6..0b45910 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,11 +1,12 @@
 <template>
   <seize-indicator></seize-indicator>
-    
+
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
     <div class="relative flex flex-col">
       <!-- Social Network-->
-      <div class="bg-opacity-50 flex flex-col md:flex-row items-center py-4 px-4 min-h-14" :style="{ backgroundColor: creator.profileColors.bannerTop || '#6B0065' }">
+      <div class="bg-opacity-50 flex flex-col md:flex-row items-center py-4 px-4 min-h-14"
+           :style="{ backgroundColor: creator.profileColors.bannerTop || '#6B0065' }">
         <div class="w-full flex justify-between lg:justify-end gap-14 mt-2">
           <a
               v-for="socialNetwork in GetActiveSocialNetworkUrls()"
@@ -18,20 +19,23 @@
           </a>
         </div>
       </div>
-    </div>    
-    
+    </div>
+
     <!--Banner & user info-->
     <div class="relative">
       <!--Banner-->
       <div>
-        <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.7)]" :src="creator.storedDataUrls.bannerPictureUrl || '/images/hutopymedia/banners/tutorialbanner.png'" alt="Profile Banner" style="max-height: 550px">
-      </div>     
+        <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.7)]"
+             :src="creator.storedDataUrls.bannerPictureUrl || '/images/hutopymedia/banners/tutorialbanner.png'"
+             alt="Profile Banner" style="max-height: 550px">
+      </div>
     </div>
   </div>
 
   <!-- Actions Button & image profile -->
   <div class="relative bottom-4 w-full">
-    <div class="bg-gray-800 py-4 relative shadow-lg min-h-24" :style="{ backgroundColor: creator.profileColors.bannerBottom || '#A30E79' }">
+    <div class="bg-gray-800 py-4 relative shadow-lg min-h-24"
+         :style="{ backgroundColor: creator.profileColors.bannerBottom || '#A30E79' }">
       <div class="flex flex-col items-center lg:flex-row lg:items-center lg:justify-between">
         <!-- Profile Image Wrapper -->
         <div class="relative flex justify-center lg:w-auto lg:justify-start">
@@ -58,18 +62,18 @@
         </div>
 
         <!-- Buttons -->
-        <div  class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4 ml-">
-          <CreatePostButton :creator="creator" />         
+        <div
+            class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4 ml-">
+          <AboutYou :creator="creator"></AboutYou>
           <button class="text-white py-2 px-4 rounded"
                   style="background-color: #333; transition: background-color 0.3s ease;"
                   onmouseover="this.style.backgroundColor='#555';" onmouseout="this.style.backgroundColor='#333';">
             S'ABONNER
           </button>
-          <button
-              class="flex items-center text-white transform transition-transform duration-200 hover:text-white hover:scale-125">
-            <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-comment-text</v-icon>
-          </button>
-          <AboutYou :creator="creator"></AboutYou>
+        
+          <CreatePostButton :creator="creator"/>
+         
+          
         </div>
       </div>
     </div>
@@ -81,35 +85,39 @@ import CreatePostButton from "@/views/creators/CreatePostButton.vue";
 import {defineProps, ref} from "vue";
 import SeizeIndicator from "@/views/tools/SeizeIndicator.vue";
 import AboutYou from "@/views/creators/AboutYou.vue";
+
 const props = defineProps({
-  creator: { type: Object, required: true },
+  creator: {type: Object, required: true},
 });
 
 
-function GetActiveSocialNetworkUrls(){
+function GetActiveSocialNetworkUrls() {
   const socialNetworks = [];
   const userSocialNetworks = props.creator.socialNetworks;
-  if (userSocialNetworks.facebookUrl !== ''){
+  if (userSocialNetworks.facebookUrl !== '') {
     socialNetworks.push({icon: "mdi-facebook", url: props.creator.socialNetworks.facebookUrl})
   }
-  if (userSocialNetworks.facebookUrl !== ''){
+  if (userSocialNetworks.facebookUrl !== '') {
     socialNetworks.push({icon: "mdi-twitter", url: props.creator.socialNetworks.xUrl})
   }
-  if (userSocialNetworks.instagramUrl !== ''){
+  if (userSocialNetworks.instagramUrl !== '') {
     socialNetworks.push({icon: "mdi-instagram", url: props.creator.socialNetworks.instagramUrl})
   }
-  if (userSocialNetworks.tiktokUrl !== ''){
-    socialNetworks.push({icon: "/images/hutopymedia/icons/white/tiktokwhite.png", url: props.creator.socialNetworks.tikTokUrl})
+  if (userSocialNetworks.tiktokUrl !== '') {
+    socialNetworks.push({
+      icon: "/images/hutopymedia/icons/white/tiktokwhite.png",
+      url: props.creator.socialNetworks.tikTokUrl
+    })
   }
-  if (userSocialNetworks.youtubeUrl !== ''){
+  if (userSocialNetworks.youtubeUrl !== '') {
     socialNetworks.push({icon: "mdi-youtube", url: props.creator.socialNetworks.youtubeUrl})
   }
   if (userSocialNetworks.yourWebsiteUrl !== ''){
     const websiteIconWithBackup = props.creator.storedDataUrls.websiteIconUrl === '' ? "mdi-web" : props.creator.storedDataUrls.websiteIconUrl;
     socialNetworks.push({icon: websiteIconWithBackup, url: props.creator.socialNetworks.yourWebsiteUrl})
   }
-  
+
   return socialNetworks;
 }
-    
+
 </script>
\ No newline at end of file

From 17ba6449af14b464adb86cfd4d80858fe8991920 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 16 Jul 2024 23:35:34 -0400
Subject: [PATCH 008/109] Fixe - MessageList changeed subjectId name

---
 src/views/messages/PostMessage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index f9e622f..a94450f 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -52,7 +52,7 @@ const publish = async () => {
   await client.post(
       `/api/messages/`,
       {
-        "contentId": props.contentId,
+        "subjectId": props.contentId,
         "message": message.value
       });
 }

From e71d02c45b16321c7ecb1b2443dcc759350fcded Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Thu, 18 Jul 2024 20:50:15 -0400
Subject: [PATCH 009/109] Adding messaging / content

---
 src/views/contents/ContentCard.vue      |  41 +++++++--
 src/views/contents/ContentList.vue      |  60 ++++++++++---
 src/views/contents/CreatePostButton.vue | 112 ++++++++++++++++++++++++
 src/views/contents/PostContent.vue      |   2 +-
 src/views/creators/CreatePostButton.vue |  80 -----------------
 src/views/creators/CreatorBanner.vue    |   2 +-
 src/views/creators/CreatorPage.vue      |  38 +-------
 src/views/documentation/About.vue       |   6 +-
 src/views/messages/Message.vue          |   2 +-
 src/views/messages/PostMessage.vue      |   2 +-
 10 files changed, 201 insertions(+), 144 deletions(-)
 create mode 100644 src/views/contents/CreatePostButton.vue
 delete mode 100644 src/views/creators/CreatePostButton.vue

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index eb4d9a1..7ef9650 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,9 +1,10 @@
 <template>
 
+  <div class="shadow-lg rounded-lg">
 
-  <div class=" shadow-lg rounded-lg max-w-sm">
-
-    <div class="h-48 object-cover bg-purple">
+    <div class="text-lg font-bold">{{ props.content.title }}</div>
+    
+    <div class="h-48 object-cover bg-purple rounded-md">
 
       <v-img :src="props.content.url"
              v-if="!isHttpUrl">
@@ -19,11 +20,33 @@
 
     </div>
 
-    <router-link :to="'content/' + props?.content?.id">
-    
-      <div class="text-lg font-bold">{{ props.content.title }}</div>
-      <div class="text-sm text-gray-500">{{ props.content.description }}</div>
-    </router-link>
+
+    <div class="flex flex-row">
+
+      <div>
+        <div class="text-sm text-gray-500">{{ props.content.description }}</div>
+      </div>
+
+      <div>
+        <router-link :to="'content/' + props?.content?.id">
+          <div class="bg-blue-500 rounded-lg py-1 px-2">Plus ...</div>
+        </router-link>
+      </div>
+
+    </div>
+
+    <div>
+
+      <div class="border-b p-6">
+        <h2 class="font-sans font-semibold">Commentaires</h2>
+        <MessageList :content-id="props.content.id">
+        </MessageList>
+      </div>
+      <div class="border-b-2 p-6">
+        <PostMessage :content-id="props.content.id">
+        </PostMessage>
+      </div>
+    </div>
 
   </div>
 
@@ -32,6 +55,8 @@
 <script setup>
 
 import {defineProps, computed} from 'vue';
+import MessageList from "@/views/messages/MessageList.vue";
+import PostMessage from "@/views/messages/PostMessage.vue";
 
 const isHttpUrl = computed(() => props.content?.uri?.startsWith('http'))
 
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index e868ce9..d586e57 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -1,18 +1,31 @@
 <template>
 
-  <div class="flex">
+  <v-infinite-scroll :items="contents"
+                     :onLoad="load"
+                     class="bg-teal justify-items-center">
+
     <ContentCard v-for="content in contents"
                  :content="content"
-                 class="m-2 bg-red w-full">
+                 class="my-2 p-4 bg-yellow-300 w-full"
+    >
     </ContentCard>
-  </div>
+
+    <template v-slot:empty>
+      Il n'y a pas plus de contenus
+    </template>
+
+    <template v-slot:error>
+      <v-alert type="error">{{ errorMessage }}</v-alert>
+    </template>
+
+  </v-infinite-scroll>
 
 </template>
 
 <script setup>
 
 import {useClient} from '@/plugins/api.js';
-import {defineProps, onBeforeMount, ref} from 'vue';
+import {defineProps, ref} from 'vue';
 import ContentCard from "./ContentCard.vue";
 
 const props = defineProps({
@@ -22,20 +35,41 @@ const props = defineProps({
   }
 });
 
-const client = useClient();
-const contents = ref();
+const client = useClient()
+const contents = ref([])
+const max_items = 10
+const errorMessage = ref()
+let last_id = null
 
-onBeforeMount(async () => {
-  if (props.creatorId == null) return
+async function load({done}) {
   try {
-    const response = await client.get(`/api/contents/user/${props.creatorId}`)
-    if (response.status >= 200 && response.status < 300) {      
-      contents.value = response.data
-      console.table(contents.value)
+    let uri = `/api/contents/user/${props.creatorId}?max_items=${max_items}`
+    if (last_id !== null) uri = uri + `&last_id=${last_id}`
+
+    console.log(`Fetching content at: ${uri}`)
+    const response = await client.get(uri)
+
+    if (response.status >= 200 && response.status < 300) {
+
+      contents.value.push(...response.data)
+      console.table(response.data)
+      
+      const [last_content] = response.data.slice(-1)
+      console.table(last_content)
+      
+      last_id = last_content.id
+      console.table(last_id)
+
+      if (response.data.length < max_items)
+        done('empty')
+      else
+        done('ok')
     }
   } catch (error) {
     console.error("Failed to fetch posts", error);
+    errorMessage.value = error
+    done('error')
   }
-})
+}
 
 </script>
\ No newline at end of file
diff --git a/src/views/contents/CreatePostButton.vue b/src/views/contents/CreatePostButton.vue
new file mode 100644
index 0000000..4be2fd5
--- /dev/null
+++ b/src/views/contents/CreatePostButton.vue
@@ -0,0 +1,112 @@
+<template>
+
+  <div v-if="creator.id === userStore.getCurrentUser().id">
+
+    <button
+        class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125 px-4"
+        @click="isDialogActive = true">
+      <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>
+    </button>
+
+    <v-dialog v-model="isDialogActive" max-width="500">
+
+      <v-card class="text-center rounded-xl">
+
+        <v-card-title class="text-white p-4 rounded-t"
+                      :style="{backgroundColor: creator.profileColors.menu || '#A30E79'}">
+          Quicky
+        </v-card-title>
+
+
+        <v-card-text>
+
+          <v-text-field v-model="title"
+                        class="p-2"
+                        label="Titre"
+                        density="comfortable"
+                        variant="outlined"
+                        hide-details
+                        clearable>
+          </v-text-field>
+
+          <v-textarea v-model="message"
+                      label="Écrivez votre message ici..."
+                      class="p-2"
+                      density="comfortable"
+                      variant="outlined"
+                      hide-details
+                      clearable
+                      outlined>
+          </v-textarea>
+
+          <v-file-input v-model="files"
+                        label="Ajoutez des fichiers"
+                        class="p-2"
+                        outlined
+                        multiple
+                        dropzone
+                        placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"
+          ></v-file-input>
+
+        </v-card-text>
+
+        <v-card-actions class="justify-end">
+          <v-btn color="secondary" @click="cancelPost">Annuler</v-btn>
+          <v-btn color="primary" @click="publishPost">Publier</v-btn>
+        </v-card-actions>
+
+      </v-card>
+
+    </v-dialog>
+
+  </div>
+
+</template>
+
+<script setup>
+import {useClient} from '@/plugins/api.js';
+import {defineProps, ref} from 'vue';
+import {useUserStore} from '@/stores/user.js';
+
+const props = defineProps({
+  creator: {type: Object, required: true},
+});
+
+const userStore = useUserStore();
+
+const isDialogActive = ref(false);
+const title = ref('');
+const message = ref('');
+const files = ref([]);
+
+const client = useClient();
+
+const publishPost = async () => {
+
+  try {
+    await client.post(
+        `/api/contents/`,
+        {
+          "title": title.value,
+          "description": message.value
+        })
+
+    closeDialog()
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+const cancelPost = () => {
+  closeDialog()
+}
+
+const closeDialog = () => {
+  isDialogActive.value = false
+  title.value = ''
+  message.value = ''
+  files.value = []
+}
+
+</script>
+
diff --git a/src/views/contents/PostContent.vue b/src/views/contents/PostContent.vue
index 24248be..c4fc233 100644
--- a/src/views/contents/PostContent.vue
+++ b/src/views/contents/PostContent.vue
@@ -92,7 +92,7 @@ const publish = async () => {
         "url": url.value,
         "title": title.value,
         "description": description.value
-      })
+      })  
 
   if (response.status !== 200) {
     console.info(`Content created!`)
diff --git a/src/views/creators/CreatePostButton.vue b/src/views/creators/CreatePostButton.vue
deleted file mode 100644
index fca68c5..0000000
--- a/src/views/creators/CreatePostButton.vue
+++ /dev/null
@@ -1,80 +0,0 @@
-<template>
-  <div>
-    <button v-if="creator.id === userStore.getCurrentUser().id"
-            class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125 px-4"
-            @click="isDialogActive = true">
-      <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>
-    </button>
-
-    <v-dialog v-model="isDialogActive" max-width="500">
-      <template v-slot:default="{ isActive }">
-        <v-card class="text-center rounded-xl">
-          <div class="text-white p-4 rounded-t" :style="{backgroundColor: creator.profileColors.menu || '#A30E79'}">
-            <h2>Publication</h2>
-          </div>
-          <v-card-text class="bg">
-            <v-row class="justify-center mb-4">
-              <v-col class="d-flex align-center justify-end">
-                <v-btn :class="{'v-btn--active': !isArticle}" @click="togglePostType(false)">QUICKY</v-btn>
-              </v-col>
-              <v-col class="d-flex align-center justify-start">
-                <v-btn :class="{'v-btn--active': isArticle}" @click="togglePostType(true)">ARTICLE</v-btn>
-              </v-col>
-            </v-row>
-            <v-textarea label="Écrivez votre message ici..." v-model="message" outlined></v-textarea>
-            <v-file-input
-                label="Ajoutez des fichiers"
-                v-model="files"
-                outlined
-                multiple
-                dropzone
-                placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"
-            ></v-file-input>
-          </v-card-text>
-          <v-card-actions class="justify-end">
-            <v-btn color="primary" @click="publishPost">Publier</v-btn>
-            <v-btn color="primary" @click="cancelPost">Annuler</v-btn>
-          </v-card-actions>
-        </v-card>
-      </template>
-    </v-dialog>
-  </div>
-</template>
-
-<script setup>
-import { defineProps, ref } from 'vue';
-import { useUserStore } from '@/stores/user.js';
-
-const props = defineProps({
-  creator: { type: Object, required: true },
-});
-
-const userStore = useUserStore();
-
-const isDialogActive = ref(false);
-const message = ref('');
-const files = ref([]);
-const isArticle = ref(false);
-
-const publishPost = () => {
-  // Logic to publish post
-  console.log('Post published:', message.value, files.value);
-  isDialogActive.value = false;
-  resetPostForm();
-};
-
-const cancelPost = () => {
-  isDialogActive.value = false;
-  resetPostForm();
-};
-
-const resetPostForm = () => {
-  message.value = '';
-  files.value = [];
-};
-
-const togglePostType = (article) => {
-  isArticle.value = article;
-};
-</script>
-
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 0b45910..9287ead 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -81,7 +81,7 @@
 </template>
 
 <script setup>
-import CreatePostButton from "@/views/creators/CreatePostButton.vue";
+import CreatePostButton from "@/views/contents/CreatePostButton.vue";
 import {defineProps, ref} from "vue";
 import SeizeIndicator from "@/views/tools/SeizeIndicator.vue";
 import AboutYou from "@/views/creators/AboutYou.vue";
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 1d9bb86..02bff1e 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -4,38 +4,10 @@
     <creator-banner :creator="creator"></creator-banner>
     <DonationPopup :creator-id="creator.id"></DonationPopup>
 
-    <div class="max-w-[1000px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
-      <div class="w-full mt-20">      
-              
-        <v-card-text>
-          <v-tabs-window v-model="tab">
-            <v-tabs-window-item value="content">
-              <div class="w-full h-full p-6">
-                <ContentList v-if="creator.id"
-                             :creator-id="creator.id">
-                </ContentList>
-              </div>
-            </v-tabs-window-item>
-
-            <v-tabs-window-item value="community">
-              <div>
-                <div class="border-b-2 p-6">
-                  <PostMessage v-if="creator.id"
-                               :content-id="creator.id">
-                  </PostMessage>
-                </div>
-
-                <div class="border-b p-6">
-                  <h2 class="font-sans font-semibold">Commentaires</h2>
-                  <MessageList v-if="creator.id"
-                               :content-id="creator.id">
-                  </MessageList>
-                </div>
-              </div>
-            </v-tabs-window-item>
-
-          </v-tabs-window>
-        </v-card-text>
+    <div class="max-w-[800px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
+      <div class="w-full mt-20 h-full">
+        <ContentList :creator-id="creator.id">
+        </ContentList>
       </div>
     </div>
 
@@ -66,8 +38,6 @@ import MessageList from "@/views/messages/MessageList.vue";
 import ContentList from "@/views/contents/ContentList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
 import DonationPopup from "@/views/main/DonationPopup.vue";
-import CreatorFeed from "@/views/main/CreatorFeed.vue";
-import CreatePostButton from "@/views/creators/CreatePostButton.vue";
 
 const client = useClient();
 const route = useRoute();
diff --git a/src/views/documentation/About.vue b/src/views/documentation/About.vue
index 8210749..dc00061 100644
--- a/src/views/documentation/About.vue
+++ b/src/views/documentation/About.vue
@@ -189,8 +189,4 @@
 
   </div>
 
-</template>
-
-<style>
-@import 'src/cssstyle/documentation.css';
-</style>
+</template>
\ No newline at end of file
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index fa7af75..de2dc12 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -15,7 +15,7 @@
             <span class="font-semibold font-sans mr-2">{{ message.createdBy }}</span>
             <span class="text-sm font-sans text-gray-700">il y a 3 heures</span>
           </div>
-          <v-menu :location="location">
+          <v-menu>
             <template v-slot:activator="{ props }">
               <v-btn variant="plain" icon v-bind="props">
                 <v-icon>mdi-dots-vertical</v-icon>
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index a94450f..148dae9 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -25,7 +25,7 @@
 
     <div class="flex flex-row gap-2 p-2 justify-end">
       <v-btn style="border-radius: 20px" variant="text">Annuler</v-btn>
-      <v-btn style="border-radius: 20px" @click="publish">Ajouter un commentaire</v-btn>
+      <v-btn style="border-radius: 20px" @click="publish">Commenter</v-btn>
     </div>
 
   </div>

From 89ac0f8bc4d77d7a3bc1efe6df3acebc19cb0399 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Thu, 18 Jul 2024 22:20:57 -0400
Subject: [PATCH 010/109] Fix content list streaming for last content

---
 src/views/contents/ContentList.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index d586e57..c13ffaa 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -51,16 +51,15 @@ async function load({done}) {
 
     if (response.status >= 200 && response.status < 300) {
 
-      contents.value.push(...response.data)
-      console.table(response.data)
-      
-      const [last_content] = response.data.slice(-1)
-      console.table(last_content)
-      
-      last_id = last_content.id
-      console.table(last_id)
+      const contentCount = response.data.length
 
-      if (response.data.length < max_items)
+      if (contentCount > 0) {
+        contents.value.push(...response.data)
+        const [last_content] = response.data.slice(-1)
+        last_id = last_content.id
+      }
+
+      if (contentCount < max_items)
         done('empty')
       else
         done('ok')

From 8afa037fbe6041690d1837513560fa72968f4eb5 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Fri, 19 Jul 2024 00:45:00 -0400
Subject: [PATCH 011/109] Adds Messaging streaming

---
 src/internal_time_ago.js                      | 64 +++++++++++++
 src/views/contents/ContentCard.vue            | 12 ++-
 src/views/contents/ContentList.vue            |  6 +-
 src/views/creators/CreatorBanner.vue          | 12 +--
 src/views/messages/Message.vue                | 50 ++++++-----
 src/views/messages/MessageList.vue            | 89 +++++++++++++++----
 src/views/messages/PostMessage.vue            |  4 +-
 .../{SeizeIndicator.vue => SizeIndicator.vue} |  0
 8 files changed, 185 insertions(+), 52 deletions(-)
 create mode 100644 src/internal_time_ago.js
 rename src/views/tools/{SeizeIndicator.vue => SizeIndicator.vue} (100%)

diff --git a/src/internal_time_ago.js b/src/internal_time_ago.js
new file mode 100644
index 0000000..f34062f
--- /dev/null
+++ b/src/internal_time_ago.js
@@ -0,0 +1,64 @@
+export function time_ago(time) {
+    const time_date = new Date(time)
+    const now_date = new Date(Date.now())
+    const ago = now_date - time_date
+    return internal_time_ago(ago)
+}
+
+function internal_time_ago(time) {
+
+    switch (typeof time) {
+        case 'number':
+            break;
+        case 'string':
+            time = +new Date(time);
+            break;
+        case 'object':
+            if (time.constructor === Date) time = time.getTime();
+            break;
+        default:
+            time = +new Date();
+    }
+
+    const time_formats = [
+        [60, 'seconds', 1], // 60
+        [120, '1 minute ago', '1 minute from now'], // 60*2
+        [3600, 'minutes', 60], // 60*60, 60
+        [7200, '1 hour ago', '1 hour from now'], // 60*60*2
+        [86400, 'hours', 3600], // 60*60*24, 60*60
+        [172800, 'Yesterday', 'Tomorrow'], // 60*60*24*2
+        [604800, 'days', 86400], // 60*60*24*7, 60*60*24
+        [1209600, 'Last week', 'Next week'], // 60*60*24*7*4*2
+        [2419200, 'weeks', 604800], // 60*60*24*7*4, 60*60*24*7
+        [4838400, 'Last month', 'Next month'], // 60*60*24*7*4*2
+        [29030400, 'months', 2419200], // 60*60*24*7*4*12, 60*60*24*7*4
+        [58060800, 'Last year', 'Next year'], // 60*60*24*7*4*12*2
+        [2903040000, 'years', 29030400], // 60*60*24*7*4*12*100, 60*60*24*7*4*12
+        [5806080000, 'Last century', 'Next century'], // 60*60*24*7*4*12*100*2
+        [58060800000, 'centuries', 2903040000] // 60*60*24*7*4*12*100*20, 60*60*24*7*4*12*100
+    ];
+
+    let seconds = time / 1000
+
+    let token = 'ago'
+    let list_choice = 1
+
+    if (seconds === 0) {
+        return 'Just now'
+    }
+
+    if (seconds < 0) {
+        seconds = Math.abs(seconds);
+        token = 'from now';
+        list_choice = 2;
+    }
+    let i = 0, format;
+    while (format = time_formats[i++])
+        if (seconds < format[0]) {
+            if (typeof format[2] == 'string')
+                return format[list_choice];
+            else
+                return Math.floor(seconds / format[2]) + ' ' + format[1] + ' ' + token;
+        }
+    return time;
+}
diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 7ef9650..2f04a4c 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -2,7 +2,12 @@
 
   <div class="shadow-lg rounded-lg">
 
-    <div class="text-lg font-bold">{{ props.content.title }}</div>
+    <div class="text-lg font-bold">
+      {{ props.content.title }}
+      <span class="text-md-caption">
+      {{ time_ago(props.content.createdAt) }}
+        </span>
+    </div>
     
     <div class="h-48 object-cover bg-purple rounded-md">
 
@@ -39,11 +44,11 @@
 
       <div class="border-b p-6">
         <h2 class="font-sans font-semibold">Commentaires</h2>
-        <MessageList :content-id="props.content.id">
+        <MessageList :subject-id="props.content.id">
         </MessageList>
       </div>
       <div class="border-b-2 p-6">
-        <PostMessage :content-id="props.content.id">
+        <PostMessage :subject-id="props.content.id">
         </PostMessage>
       </div>
     </div>
@@ -57,6 +62,7 @@
 import {defineProps, computed} from 'vue';
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
+import {time_ago} from "@/internal_time_ago.js";
 
 const isHttpUrl = computed(() => props.content?.uri?.startsWith('http'))
 
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index c13ffaa..649562f 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -37,13 +37,13 @@ const props = defineProps({
 
 const client = useClient()
 const contents = ref([])
-const max_items = 10
+const page_size = 10
 const errorMessage = ref()
 let last_id = null
 
 async function load({done}) {
   try {
-    let uri = `/api/contents/user/${props.creatorId}?max_items=${max_items}`
+    let uri = `/api/contents/user/${props.creatorId}?page_size=${page_size}`
     if (last_id !== null) uri = uri + `&last_id=${last_id}`
 
     console.log(`Fetching content at: ${uri}`)
@@ -59,7 +59,7 @@ async function load({done}) {
         last_id = last_content.id
       }
 
-      if (contentCount < max_items)
+      if (contentCount < page_size)
         done('empty')
       else
         done('ok')
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 9287ead..8df3153 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,5 +1,5 @@
 <template>
-  <seize-indicator></seize-indicator>
+  <size-indicator></size-indicator>
 
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
@@ -70,10 +70,10 @@
                   onmouseover="this.style.backgroundColor='#555';" onmouseout="this.style.backgroundColor='#333';">
             S'ABONNER
           </button>
-        
+
           <CreatePostButton :creator="creator"/>
-         
-          
+
+
         </div>
       </div>
     </div>
@@ -82,8 +82,8 @@
 
 <script setup>
 import CreatePostButton from "@/views/contents/CreatePostButton.vue";
-import {defineProps, ref} from "vue";
-import SeizeIndicator from "@/views/tools/SeizeIndicator.vue";
+import {defineProps} from "vue";
+import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 import AboutYou from "@/views/creators/AboutYou.vue";
 
 const props = defineProps({
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index de2dc12..3f46b10 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -13,7 +13,7 @@
         <div class="flex justify-between items-center">
           <div>
             <span class="font-semibold font-sans mr-2">{{ message.createdBy }}</span>
-            <span class="text-sm font-sans text-gray-700">il y a 3 heures</span>
+            <span class="text-sm font-sans text-gray-700">{{ time_ago(message.createdAt) }}</span>
           </div>
           <v-menu>
             <template v-slot:activator="{ props }">
@@ -39,32 +39,36 @@
           {{ message.value }}
         </div>
       </div>
-    </div>   
+    </div>
   </div>
 </template>
 
-<script>
-export default {
-  props: {
-    message: {
-      type: Object,
-      required: true
-    }
-  },
-  methods: {
-    editMessage(message) {
-      // Logic for editing the message
-      console.log('Edit message', message);
-    },
-    deleteMessage(message) {
-      // Logic for deleting the message
-      console.log('Delete message', message);
-    },
-    reportMessage(message) {
-      // Logic for reporting the message
-      console.log('Report message', message);
-    }
+<script setup>
+
+import {defineProps} from "vue"
+import {time_ago} from "@/internal_time_ago.js";
+
+const props = defineProps({
+  message: {
+    type: Object,
+    required: true
   }
+});
+
+
+function editMessage(message) {
+  // Logic for editing the message
+  console.log('Edit message', message);
+}
+
+function deleteMessage(message) {
+  // Logic for deleting the message
+  console.log('Delete message', message);
+}
+
+function reportMessage(message) {
+  // Logic for reporting the message
+  console.log('Report message', message);
 }
 </script>
 
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index 10581f5..8907ff0 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -1,40 +1,99 @@
 <template>
 
-  <div v-for="(message, index) in messages" :key="index">
-    <Message :message="message"></Message>
-  </div>
+  <v-infinite-scroll :items="messages"
+                     :onLoad="load"
+                     mode="manual"
+                     class="bg-teal justify-items-center">
+
+    <template v-for="(message, index) in messages" :key="index">
+      <Message
+          :message="message"
+          class="my-2 p-4 bg-amber-200 w-full"
+      >
+      </Message>
+    </template>
+
+    <template v-slot:load-more="{ props }">
+      <v-btn
+          size="small"
+          variant="flat"
+          v-bind="props"
+      >Voir plus de commentaires
+      </v-btn>
+    </template>
+
+    <template v-slot:empty>
+      Il n'y a pas plus de commentaires
+    </template>
+
+    <template v-slot:error>
+      <v-alert type="error">{{ errorMessage }}</v-alert>
+    </template>
+
+  </v-infinite-scroll>
 
 </template>
 
 <script setup>
 
 import Message from "@/views/messages/Message.vue";
-// import posts from "@/views/posts/posts.json";
 
 import {useClient} from '@/plugins/api.js';
 import {defineProps, onBeforeMount, ref} from 'vue';
 
 const props = defineProps({
-  contentId: {
+  subjectId: {
     type: String,
     required: true
   }
 });
 
+const errorMessage = ref()
+let last_id = null
 const client = useClient();
-const messages = ref();
+const messages = ref([]);
 
 onBeforeMount(async () => {
-  if (props.contentId == null) return
-
-  try {
-    const response = await client.get(`/api/messages/${props.contentId}`)
-    if (response.status >= 200 && response.status < 300) {
-      messages.value = response.data
+  if (props.subjectId == null) return
+  await load({
+    page_size: 2,
+    done: function (status) {
+      console.log(`Loading status: ${status}`)
     }
-  } catch (error) {
-    console.error("Failed to fetch messages", error);
-  }
+  })
 })
 
+async function load({done, page_size}) {
+  if (props.subjectId == null) return
+  if (page_size === undefined) page_size = 10
+
+  try {
+    let uri = `/api/messages/${props.subjectId}?page_size=${page_size}`
+    if (last_id !== null) uri = uri + `&last_id=${last_id}`
+
+    console.log(`Fetching messages at: ${uri}`)
+    const response = await client.get(uri)
+
+    if (response.status >= 200 && response.status < 300) {
+
+      const messageCount = response.data.length
+
+      if (messageCount > 0) {
+        messages.value.push(...response.data)
+        const [last_content] = response.data.slice(-1)
+        last_id = last_content.id
+      }
+
+      if (messageCount < page_size)
+        done('empty')
+      else
+        done('ok')
+    }
+  } catch (error) {
+    console.error("Failed to fetch posts", error);
+    errorMessage.value = error
+    done('error')
+  }
+}
+
 </script>
\ No newline at end of file
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 148dae9..877ef28 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -39,7 +39,7 @@ import {useClient} from '@/plugins/api.js';
 import {defineProps, ref} from 'vue';
 
 const props = defineProps({
-  contentId: {
+  subjectId: {
     type: String,
     required: true
   }
@@ -52,7 +52,7 @@ const publish = async () => {
   await client.post(
       `/api/messages/`,
       {
-        "subjectId": props.contentId,
+        "subjectId": props.subjectId,
         "message": message.value
       });
 }
diff --git a/src/views/tools/SeizeIndicator.vue b/src/views/tools/SizeIndicator.vue
similarity index 100%
rename from src/views/tools/SeizeIndicator.vue
rename to src/views/tools/SizeIndicator.vue

From c358eb98d827ab1f7d550c09ca80361b683eb658 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sat, 20 Jul 2024 01:07:52 -0400
Subject: [PATCH 012/109] Adds link to creator page in the user menu

---
 src/models/myUserModel.js          |  1 +
 src/views/creators/CreatorPage.vue | 22 +++-------------------
 src/views/main/Header.vue          | 26 +++++++++++++-------------
 3 files changed, 17 insertions(+), 32 deletions(-)

diff --git a/src/models/myUserModel.js b/src/models/myUserModel.js
index c2bb63e..684cb95 100644
--- a/src/models/myUserModel.js
+++ b/src/models/myUserModel.js
@@ -6,6 +6,7 @@ import StoredDataUrlsModel from "@/models/storedDataUrlsModel.js";
 export default class MyUserModel
 {
     id = "";
+    creatorAlias = "";
     firstName = "";
     lastName = "";
     userName = "";
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 02bff1e..3199118 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -2,12 +2,12 @@
   <div v-if="creator && creator.id">
 
     <creator-banner :creator="creator"></creator-banner>
-    <DonationPopup :creator-id="creator.id"></DonationPopup>
+    <donation-popup :creator-id="creator.id"></donation-popup>
 
     <div class="max-w-[800px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
       <div class="w-full mt-20 h-full">
-        <ContentList :creator-id="creator.id">
-        </ContentList>
+        <content-list :creator-id="creator.id">
+        </content-list>
       </div>
     </div>
 
@@ -34,9 +34,7 @@ import {watch, ref, onBeforeMount} from 'vue';
 import {useRoute} from 'vue-router';
 import {useClient} from "@/plugins/api.js";
 import CreatorBanner from "@/views/creators/CreatorBanner.vue";
-import MessageList from "@/views/messages/MessageList.vue";
 import ContentList from "@/views/contents/ContentList.vue";
-import PostMessage from "@/views/messages/PostMessage.vue";
 import DonationPopup from "@/views/main/DonationPopup.vue";
 
 const client = useClient();
@@ -44,7 +42,6 @@ const route = useRoute();
 
 const creator = ref(null);
 const loading = ref(true);
-const tab = ref();
 
 onBeforeMount(async () => {
   setTimeout(() => {
@@ -76,16 +73,3 @@ const fetchCreatorData = async (creatorAlias) => {
 }
 
 </script>
-
-<style scoped>
-
-.shadow-lg {
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);
-}
-
-.v-btn--active {
-  background-color: #1976D2;
-  color: white;
-}
-
-</style>
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index b9d2214..2e1360b 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -53,12 +53,12 @@
       <div class="text-center">
         <v-menu open-on-hover>
           <template v-slot:activator="{ props }">
-            <v-btn variant="plain" v-bind="props" class="  d-flex align-center text-capital-none">
+            <v-btn variant="plain" v-bind="props" class="d-flex align-center text-capital-none">
                  <span class="normal-case max-w-xs  hidden md:block">
-                 {{ currentUserName }}
+                 {{ currentUser.userName }}
                  </span>
-              <img 
-                  :src="currentUser.storedDataUrls.profilePictureUrl" 
+              <img
+                  :src="currentUser.storedDataUrls.profilePictureUrl"
                   alt="Profile Image"
                   @error="handleProfilePictureError"
                   class="ml-2 rounded-full" style="width: 32px; height: 32px;">
@@ -66,6 +66,7 @@
           </template>
 
           <v-list min-width="200px" class=" align-center mt-3 left-3">
+
             <div v-if="currentUser.userName === 'Anonyme'">
               <v-list-item class="nav-button">
                 <v-list-item-title>
@@ -75,13 +76,15 @@
             </div>
 
             <div v-if="currentUser.userName !== 'Anonyme'">
-              <v-list-item class="nav-button">
-                <router-link :to="`/@${currentUserName}`">
-                  <v-btn class="w-100 " variant="plain"> {{ currentUserName }}</v-btn>
+
+              <v-list-item v-if="currentUser.creatorAlias !== null" class="nav-button">
+                <router-link :to="`/@${currentUser.creatorAlias}`">
+                  <v-btn class="w-100 " variant="plain">@{{ currentUser.creatorAlias }}</v-btn>
                 </router-link>
               </v-list-item>
+
               <v-list-item class="nav-button">
-                <v-list-item-title >
+                <v-list-item-title>
                   <v-btn to="/profile" class="w-100 " variant="plain">Mon profil</v-btn>
                 </v-list-item-title>
               </v-list-item>
@@ -89,7 +92,7 @@
                 <v-list-item-title>
                   <v-btn to="/wallet" class="w-100 " variant="plain"> Portefeuille</v-btn>
                 </v-list-item-title>
-              </v-list-item>            
+              </v-list-item>
               <v-list-item class="nav-button">
                 <v-list-item-title>
                   <v-btn @click="logout" to="/wallet" class="w-100 " variant="plain"> Déconnexion</v-btn>
@@ -113,7 +116,6 @@ import {useUserStore} from "@/stores/user.js";
 import MyUserModel from "@/models/myUserModel.js";
 
 const router = useRouter();
-const currentUserName = ref("Anonyme");
 const searchQuery = ref("");
 const showSearch = ref(false);
 let currentUser = reactive(MyUserModel.getDefaultUser());
@@ -161,10 +163,8 @@ const logout = () => {
   window.location.reload();
 };
 
-onBeforeMount( () => {
+onBeforeMount(() => {
   currentUser = userStore.getCurrentUser();
-  currentUserName.value = currentUser.userName;
-
   document.addEventListener('click', handleClickOutside);
 });
 

From 1b84a056f03a449ed60357c8b2c5bc1b970716f2 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 19 Jul 2024 15:13:11 -0400
Subject: [PATCH 013/109] I renamed CreatorAbout to reduce confusion

---
 src/views/{main/Aboutyou.vue => creators/CreatorAboutYou.vue} | 0
 src/views/creators/CreatorBanner.vue                          | 2 +-
 .../creators/{AboutYou.vue => CreatorDescriptionBtn.vue}      | 0
 src/views/main/Profile.vue                                    | 4 ++--
 4 files changed, 3 insertions(+), 3 deletions(-)
 rename src/views/{main/Aboutyou.vue => creators/CreatorAboutYou.vue} (100%)
 rename src/views/creators/{AboutYou.vue => CreatorDescriptionBtn.vue} (100%)

diff --git a/src/views/main/Aboutyou.vue b/src/views/creators/CreatorAboutYou.vue
similarity index 100%
rename from src/views/main/Aboutyou.vue
rename to src/views/creators/CreatorAboutYou.vue
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 8df3153..2d0fe6e 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -84,7 +84,7 @@
 import CreatePostButton from "@/views/contents/CreatePostButton.vue";
 import {defineProps} from "vue";
 import SizeIndicator from "@/views/tools/SizeIndicator.vue";
-import AboutYou from "@/views/creators/AboutYou.vue";
+import AboutYou from "@/views/creators/CreatorDescriptionBtn.vue";
 
 const props = defineProps({
   creator: {type: Object, required: true},
diff --git a/src/views/creators/AboutYou.vue b/src/views/creators/CreatorDescriptionBtn.vue
similarity index 100%
rename from src/views/creators/AboutYou.vue
rename to src/views/creators/CreatorDescriptionBtn.vue
diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 1628ac0..6fbe234 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -7,7 +7,7 @@
       </h1>
       
       <ProfileBanner @updateProfilePicture="updateProfilePicture" @updateBannerPicture="updateBannerPicture" :user="currentUser"></ProfileBanner>
-      <AboutYou :user="currentUser"></AboutYou>
+      <CreatorAboutYou :user="currentUser"></CreatorAboutYou>
       <SocialLinks :user="currentUser" @updateWebsiteIcon="updateWebsiteIcon"></SocialLinks>
 
       <div class="sticky inset-x-0 bottom-0 flex justify-center px-4 pb-4">
@@ -35,7 +35,7 @@
 </template>
 
 <script async setup>
-import AboutYou from "@/views/main/Aboutyou.vue";
+import CreatorAboutYou from "@/views/creators/CreatorAboutYou.vue";
 import SocialLinks from "@/views/main/SocialLinks.vue";
 import ProfileBanner from "@/views/main/ProfileBanner.vue";
 import {onBeforeMount, ref} from "vue";

From e1caef71b2eb9ec1aa7cfc2f61d68f164e898fc4 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sat, 20 Jul 2024 02:08:04 -0400
Subject: [PATCH 014/109] A bit of css for the content-list and content-card

---
 src/views/contents/ContentCard.vue | 23 +++++++++++++----------
 src/views/contents/ContentList.vue | 16 +++++++++-------
 src/views/creators/CreatorPage.vue |  4 ++--
 src/views/messages/MessageList.vue |  6 +++---
 src/views/messages/PostMessage.vue | 12 +++++-------
 src/views/messages/posts.json      | 29 -----------------------------
 6 files changed, 32 insertions(+), 58 deletions(-)
 delete mode 100644 src/views/messages/posts.json

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 2f04a4c..3ffd4f4 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <div class="shadow-lg rounded-lg">
+  <div class="shadow-md rounded-lg bg-blue-100">
 
     <div class="text-lg font-bold">
       {{ props.content.title }}
@@ -8,8 +8,9 @@
       {{ time_ago(props.content.createdAt) }}
         </span>
     </div>
-    
-    <div class="h-48 object-cover bg-purple rounded-md">
+
+    <div v-if="props.content.url !== null || props.content.uri !== null"
+         class="h-48 object-cover bg-gray-300 rounded-md">
 
       <v-img :src="props.content.url"
              v-if="!isHttpUrl">
@@ -40,17 +41,19 @@
 
     </div>
 
-    <div>
+    <div> 
 
-      <div class="border-b p-6">
+      <div>
         <h2 class="font-sans font-semibold">Commentaires</h2>
-        <MessageList :subject-id="props.content.id">
-        </MessageList>
+        <message-list :subject-id="props.content.id">
+        </message-list>
       </div>
-      <div class="border-b-2 p-6">
-        <PostMessage :subject-id="props.content.id">
-        </PostMessage>
+      
+      <div class="border-t-2 border-gray-300 mt-4 pt-4">
+        <post-message :subject-id="props.content.id">
+        </post-message>
       </div>
+      
     </div>
 
   </div>
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index 649562f..309559a 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -1,14 +1,14 @@
 <template>
 
   <v-infinite-scroll :items="contents"
-                     :onLoad="load"
-                     class="bg-teal justify-items-center">
+                     :onLoad="load">
 
-    <ContentCard v-for="content in contents"
-                 :content="content"
-                 class="my-2 p-4 bg-yellow-300 w-full"
-    >
-    </ContentCard>
+    <template v-for="content in contents">
+        <ContentCard :content="content"
+                     class="w-full p-2 my-2"
+        >
+        </ContentCard>
+    </template>
 
     <template v-slot:empty>
       Il n'y a pas plus de contenus
@@ -20,6 +20,8 @@
 
   </v-infinite-scroll>
 
+  <p class="bg-orange">test</p>
+
 </template>
 
 <script setup>
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 3199118..29a4d33 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -4,8 +4,8 @@
     <creator-banner :creator="creator"></creator-banner>
     <donation-popup :creator-id="creator.id"></donation-popup>
 
-    <div class="max-w-[800px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
-      <div class="w-full mt-20 h-full">
+    <div class="max-w-[1000px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
+      <div class="w-full h-full mx-1">
         <content-list :creator-id="creator.id">
         </content-list>
       </div>
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index 8907ff0..d719929 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -3,12 +3,12 @@
   <v-infinite-scroll :items="messages"
                      :onLoad="load"
                      mode="manual"
-                     class="bg-teal justify-items-center">
+                     class="bg-gray-300 rounded-md justify-items-center">
 
     <template v-for="(message, index) in messages" :key="index">
       <Message
           :message="message"
-          class="my-2 p-4 bg-amber-200 w-full"
+          class="m-2 p-2 rounded-md bg-gray-100"
       >
       </Message>
     </template>
@@ -16,7 +16,7 @@
     <template v-slot:load-more="{ props }">
       <v-btn
           size="small"
-          variant="flat"
+          variant="plain"
           v-bind="props"
       >Voir plus de commentaires
       </v-btn>
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 877ef28..dd381db 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -4,7 +4,7 @@
 
     <div class="flex flex-row">
 
-      <div class="px-1 content-center">
+      <div class="mx-2 content-center">
         <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
              alt="Profile Image"
              class="rounded-full"
@@ -23,9 +23,9 @@
 
     </div>
 
-    <div class="flex flex-row gap-2 p-2 justify-end">
-      <v-btn style="border-radius: 20px" variant="text">Annuler</v-btn>
-      <v-btn style="border-radius: 20px" @click="publish">Commenter</v-btn>
+    <div class="flex flex-row gap-2 mt-2 justify-end">
+      <v-btn variant="plain">Annuler</v-btn>
+      <v-btn variant="tonal" @click="publish">Commenter</v-btn>
     </div>
 
   </div>
@@ -33,7 +33,6 @@
 </template>
 
 <script setup>
-// import posts from "@/views/posts/posts.json";
 
 import {useClient} from '@/plugins/api.js';
 import {defineProps, ref} from 'vue';
@@ -57,5 +56,4 @@ const publish = async () => {
       });
 }
 
-
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/messages/posts.json b/src/views/messages/posts.json
deleted file mode 100644
index 87f0fe3..0000000
--- a/src/views/messages/posts.json
+++ /dev/null
@@ -1,29 +0,0 @@
-[
-  {
-    "content": "40C28A05-2262-43F4-862A-09A4246A8DDE",
-    "portrait": "/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png",
-    "created_by": "@marchy",
-    "created_at": "",
-    "message": "Hello World!",
-    "thumb_up_count": 0,
-    "thumb_down_count": 0
-  },
-  {
-    "content": "40C28A05-2262-43F4-862A-09A4246A8DDE",
-    "portrait": "/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png",
-    "created_by": "@marchy",
-    "created_at": "",
-    "message": "Welcome to life!",
-    "thumb_up_count": 0,
-    "thumb_down_count": 3
-  },
-  {
-    "content": "40C28A05-2262-43F4-862A-09A4246A8DDE",
-    "portrait": "/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png",
-    "created_by": "@marchy",
-    "created_at": "",
-    "message": "We love you!",
-    "thumb_up_count": 1,
-    "thumb_down_count": 0
-  }
-]
\ No newline at end of file

From d392730c98bd2cbe9f20e7ed8f5fe1f7d9836145 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sat, 20 Jul 2024 03:16:35 -0400
Subject: [PATCH 015/109] When adding a comments, it is visible on the client

---
 package-lock.json                  | 1295 +++++++++++++---------------
 package.json                       |    1 +
 src/views/contents/ContentCard.vue |   19 +-
 src/views/messages/MessageList.vue |    5 +-
 src/views/messages/PostMessage.vue |   38 +-
 5 files changed, 666 insertions(+), 692 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 596a93a..80feb74 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@xtiannyeto/vue-auth-social": "^0.1.9",
         "axios": "^1.6.7",
         "pinia": "^2.1.7",
+        "uuid": "^10.0.0",
         "vue": "^3.4.15",
         "vue-router": "^4.2.5",
         "vue3-google-login": "^2.0.26",
@@ -28,15 +29,6 @@
         "vite": "^5.2.11"
       }
     },
-    "node_modules/@aashutoshrathi/word-wrap": {
-      "version": "1.2.6",
-      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
-      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
-      "dev": true,
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
@@ -49,9 +41,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
-      "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw==",
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.8.tgz",
+      "integrity": "sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -60,9 +52,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.7",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.7.tgz",
-      "integrity": "sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==",
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.8.tgz",
+      "integrity": "sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -71,9 +63,9 @@
       }
     },
     "node_modules/@esbuild/aix-ppc64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
-      "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
       "cpu": [
         "ppc64"
       ],
@@ -87,9 +79,9 @@
       }
     },
     "node_modules/@esbuild/android-arm": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
-      "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
       "cpu": [
         "arm"
       ],
@@ -103,9 +95,9 @@
       }
     },
     "node_modules/@esbuild/android-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
-      "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
       "cpu": [
         "arm64"
       ],
@@ -119,9 +111,9 @@
       }
     },
     "node_modules/@esbuild/android-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
-      "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
       "cpu": [
         "x64"
       ],
@@ -135,9 +127,9 @@
       }
     },
     "node_modules/@esbuild/darwin-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
-      "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
       "cpu": [
         "arm64"
       ],
@@ -151,9 +143,9 @@
       }
     },
     "node_modules/@esbuild/darwin-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
-      "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
       "cpu": [
         "x64"
       ],
@@ -167,9 +159,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
-      "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
       "cpu": [
         "arm64"
       ],
@@ -183,9 +175,9 @@
       }
     },
     "node_modules/@esbuild/freebsd-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
-      "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
       "cpu": [
         "x64"
       ],
@@ -199,9 +191,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
-      "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
       "cpu": [
         "arm"
       ],
@@ -215,9 +207,9 @@
       }
     },
     "node_modules/@esbuild/linux-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
-      "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
       "cpu": [
         "arm64"
       ],
@@ -231,9 +223,9 @@
       }
     },
     "node_modules/@esbuild/linux-ia32": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
-      "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
       "cpu": [
         "ia32"
       ],
@@ -247,9 +239,9 @@
       }
     },
     "node_modules/@esbuild/linux-loong64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
-      "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
       "cpu": [
         "loong64"
       ],
@@ -263,9 +255,9 @@
       }
     },
     "node_modules/@esbuild/linux-mips64el": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
-      "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
       "cpu": [
         "mips64el"
       ],
@@ -279,9 +271,9 @@
       }
     },
     "node_modules/@esbuild/linux-ppc64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
-      "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
       "cpu": [
         "ppc64"
       ],
@@ -295,9 +287,9 @@
       }
     },
     "node_modules/@esbuild/linux-riscv64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
-      "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
       "cpu": [
         "riscv64"
       ],
@@ -311,9 +303,9 @@
       }
     },
     "node_modules/@esbuild/linux-s390x": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
-      "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
       "cpu": [
         "s390x"
       ],
@@ -327,9 +319,9 @@
       }
     },
     "node_modules/@esbuild/linux-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
-      "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
       "cpu": [
         "x64"
       ],
@@ -343,9 +335,9 @@
       }
     },
     "node_modules/@esbuild/netbsd-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
-      "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
       "cpu": [
         "x64"
       ],
@@ -359,9 +351,9 @@
       }
     },
     "node_modules/@esbuild/openbsd-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
-      "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
       "cpu": [
         "x64"
       ],
@@ -375,9 +367,9 @@
       }
     },
     "node_modules/@esbuild/sunos-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
-      "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
       "cpu": [
         "x64"
       ],
@@ -391,9 +383,9 @@
       }
     },
     "node_modules/@esbuild/win32-arm64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
-      "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
       "cpu": [
         "arm64"
       ],
@@ -407,9 +399,9 @@
       }
     },
     "node_modules/@esbuild/win32-ia32": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
-      "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
       "cpu": [
         "ia32"
       ],
@@ -423,9 +415,9 @@
       }
     },
     "node_modules/@esbuild/win32-x64": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
-      "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
       "cpu": [
         "x64"
       ],
@@ -454,9 +446,9 @@
       }
     },
     "node_modules/@eslint-community/regexpp": {
-      "version": "4.10.0",
-      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
-      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
+      "version": "4.11.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.0.tgz",
+      "integrity": "sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==",
       "dev": true,
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
@@ -485,28 +477,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/@eslint/js": {
       "version": "8.57.0",
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
@@ -520,6 +490,7 @@
       "version": "0.11.14",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
       "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
+      "deprecated": "Use @eslint/config-array instead",
       "dev": true,
       "dependencies": {
         "@humanwhocodes/object-schema": "^2.0.2",
@@ -530,28 +501,6 @@
         "node": ">=10.10.0"
       }
     },
-    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/@humanwhocodes/module-importer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
@@ -566,9 +515,10 @@
       }
     },
     "node_modules/@humanwhocodes/object-schema": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.2.tgz",
-      "integrity": "sha512-6EwiSjwWYP7pTckG6I5eyFANjPhmPjUX9JRLUSfNPC7FX7zK9gyZAfUEaECL6ALTpGX5AjnBq3C9XmVWPitNpw==",
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
       "dev": true
     },
     "node_modules/@isaacs/cliui": {
@@ -587,14 +537,39 @@
         "node": ">=12"
       }
     },
-    "node_modules/@jridgewell/gen-mapping": {
-      "version": "0.3.4",
-      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.4.tgz",
-      "integrity": "sha512-Oud2QPM5dHviZNn4y/WhhYKSXksv+1xLEIsNrAbGcFzUN3ubqWRFT5gwPchNc5NuzILOU4tPBDTZ4VwhL8Y7cw==",
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
       "dependencies": {
-        "@jridgewell/set-array": "^1.0.1",
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
-        "@jridgewell/trace-mapping": "^0.3.9"
+        "@jridgewell/trace-mapping": "^0.3.24"
       },
       "engines": {
         "node": ">=6.0.0"
@@ -609,22 +584,22 @@
       }
     },
     "node_modules/@jridgewell/set-array": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.1.2.tgz",
-      "integrity": "sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
       "engines": {
         "node": ">=6.0.0"
       }
     },
     "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.4.15",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
     },
     "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.23",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.23.tgz",
-      "integrity": "sha512-9/4foRoUKp8s96tSkh8DlAAc5A0Ty8vLXld+l9gjKKY6ckwI8G15f0hskGmuLZu78ZlGa1vtsfOa+lnB4vG6Jg==",
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -677,9 +652,9 @@
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.17.2.tgz",
-      "integrity": "sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.19.0.tgz",
+      "integrity": "sha512-JlPfZ/C7yn5S5p0yKk7uhHTTnFlvTgLetl2VxqE518QgyM7C9bSfFTYvB/Q/ftkq0RIPY4ySxTz+/wKJ/dXC0w==",
       "cpu": [
         "arm"
       ],
@@ -690,9 +665,9 @@
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.17.2.tgz",
-      "integrity": "sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.19.0.tgz",
+      "integrity": "sha512-RDxUSY8D1tWYfn00DDi5myxKgOk6RvWPxhmWexcICt/MEC6yEMr4HNCu1sXXYLw8iAsg0D44NuU+qNq7zVWCrw==",
       "cpu": [
         "arm64"
       ],
@@ -703,9 +678,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.17.2.tgz",
-      "integrity": "sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.19.0.tgz",
+      "integrity": "sha512-emvKHL4B15x6nlNTBMtIaC9tLPRpeA5jMvRLXVbl/W9Ie7HhkrE7KQjvgS9uxgatL1HmHWDXk5TTS4IaNJxbAA==",
       "cpu": [
         "arm64"
       ],
@@ -716,9 +691,9 @@
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.17.2.tgz",
-      "integrity": "sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.19.0.tgz",
+      "integrity": "sha512-fO28cWA1dC57qCd+D0rfLC4VPbh6EOJXrreBmFLWPGI9dpMlER2YwSPZzSGfq11XgcEpPukPTfEVFtw2q2nYJg==",
       "cpu": [
         "x64"
       ],
@@ -729,9 +704,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.17.2.tgz",
-      "integrity": "sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.19.0.tgz",
+      "integrity": "sha512-2Rn36Ubxdv32NUcfm0wB1tgKqkQuft00PtM23VqLuCUR4N5jcNWDoV5iBC9jeGdgS38WK66ElncprqgMUOyomw==",
       "cpu": [
         "arm"
       ],
@@ -742,9 +717,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.17.2.tgz",
-      "integrity": "sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.19.0.tgz",
+      "integrity": "sha512-gJuzIVdq/X1ZA2bHeCGCISe0VWqCoNT8BvkQ+BfsixXwTOndhtLUpOg0A1Fcx/+eA6ei6rMBzlOz4JzmiDw7JQ==",
       "cpu": [
         "arm"
       ],
@@ -755,9 +730,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.17.2.tgz",
-      "integrity": "sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.19.0.tgz",
+      "integrity": "sha512-0EkX2HYPkSADo9cfeGFoQ7R0/wTKb7q6DdwI4Yn/ULFE1wuRRCHybxpl2goQrx4c/yzK3I8OlgtBu4xvted0ug==",
       "cpu": [
         "arm64"
       ],
@@ -768,9 +743,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.17.2.tgz",
-      "integrity": "sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.19.0.tgz",
+      "integrity": "sha512-GlIQRj9px52ISomIOEUq/IojLZqzkvRpdP3cLgIE1wUWaiU5Takwlzpz002q0Nxxr1y2ZgxC2obWxjr13lvxNQ==",
       "cpu": [
         "arm64"
       ],
@@ -781,9 +756,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.17.2.tgz",
-      "integrity": "sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.19.0.tgz",
+      "integrity": "sha512-N6cFJzssruDLUOKfEKeovCKiHcdwVYOT1Hs6dovDQ61+Y9n3Ek4zXvtghPPelt6U0AH4aDGnDLb83uiJMkWYzQ==",
       "cpu": [
         "ppc64"
       ],
@@ -794,9 +769,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.17.2.tgz",
-      "integrity": "sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.19.0.tgz",
+      "integrity": "sha512-2DnD3mkS2uuam/alF+I7M84koGwvn3ZVD7uG+LEWpyzo/bq8+kKnus2EVCkcvh6PlNB8QPNFOz6fWd5N8o1CYg==",
       "cpu": [
         "riscv64"
       ],
@@ -807,9 +782,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.17.2.tgz",
-      "integrity": "sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.19.0.tgz",
+      "integrity": "sha512-D6pkaF7OpE7lzlTOFCB2m3Ngzu2ykw40Nka9WmKGUOTS3xcIieHe82slQlNq69sVB04ch73thKYIWz/Ian8DUA==",
       "cpu": [
         "s390x"
       ],
@@ -820,9 +795,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.17.2.tgz",
-      "integrity": "sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.19.0.tgz",
+      "integrity": "sha512-HBndjQLP8OsdJNSxpNIN0einbDmRFg9+UQeZV1eiYupIRuZsDEoeGU43NQsS34Pp166DtwQOnpcbV/zQxM+rWA==",
       "cpu": [
         "x64"
       ],
@@ -833,9 +808,9 @@
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.17.2.tgz",
-      "integrity": "sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.19.0.tgz",
+      "integrity": "sha512-HxfbvfCKJe/RMYJJn0a12eiOI9OOtAUF4G6ozrFUK95BNyoJaSiBjIOHjZskTUffUrB84IPKkFG9H9nEvJGW6A==",
       "cpu": [
         "x64"
       ],
@@ -846,9 +821,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.17.2.tgz",
-      "integrity": "sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.19.0.tgz",
+      "integrity": "sha512-HxDMKIhmcguGTiP5TsLNolwBUK3nGGUEoV/BO9ldUBoMLBssvh4J0X8pf11i1fTV7WShWItB1bKAKjX4RQeYmg==",
       "cpu": [
         "arm64"
       ],
@@ -859,9 +834,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.17.2.tgz",
-      "integrity": "sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.19.0.tgz",
+      "integrity": "sha512-xItlIAZZaiG/u0wooGzRsx11rokP4qyc/79LkAOdznGRAbOFc+SfEdfUOszG1odsHNgwippUJavag/+W/Etc6Q==",
       "cpu": [
         "ia32"
       ],
@@ -872,9 +847,9 @@
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.17.2.tgz",
-      "integrity": "sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.19.0.tgz",
+      "integrity": "sha512-xNo5fV5ycvCCKqiZcpB65VMR11NJB+StnxHz20jdqRAktfdfzhgjTiJ2doTDQE/7dqGaV5I7ZGqKpgph6lCIag==",
       "cpu": [
         "x64"
       ],
@@ -885,9 +860,9 @@
       ]
     },
     "node_modules/@stripe/stripe-js": {
-      "version": "3.0.10",
-      "resolved": "https://registry.npmjs.org/@stripe/stripe-js/-/stripe-js-3.0.10.tgz",
-      "integrity": "sha512-CFRNha+aPXR8GrqJss2TbK1j4aSGZXQY8gx0hvaYiSp+dU7EK/Zs5uwFTSAgV+t8H4+jcZ/iBGajAvoMYOwy+A==",
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@stripe/stripe-js/-/stripe-js-3.5.0.tgz",
+      "integrity": "sha512-pKS3wZnJoL1iTyGBXAvCwduNNeghJHY6QSRSNNvpYnrrQrLZ6Owsazjyynu0e0ObRgks0i7Rv+pe2M7/MBTZpQ==",
       "engines": {
         "node": ">=12.16"
       }
@@ -910,9 +885,9 @@
       "dev": true
     },
     "node_modules/@types/lodash": {
-      "version": "4.17.5",
-      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.5.tgz",
-      "integrity": "sha512-MBIOHVZqVqgfro1euRDWX7OO0fBVUUMrN6Pwm8LQsz8cWhEpihlvR70ENj3f40j58TNxZaWv2ndSkInykNBBJw=="
+      "version": "4.17.7",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.7.tgz",
+      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA=="
     },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
@@ -921,17 +896,17 @@
       "dev": true
     },
     "node_modules/@vee-validate/rules": {
-      "version": "4.13.1",
-      "resolved": "https://registry.npmjs.org/@vee-validate/rules/-/rules-4.13.1.tgz",
-      "integrity": "sha512-qqL+Ltqs9/SafTZg6haiSt+nkC1gs7GdrnuiQKoI0au6qrRBMqqXfWcY1GK3bNH8uSAX2GfTaZieqpsbOJ7yZQ==",
+      "version": "4.13.2",
+      "resolved": "https://registry.npmjs.org/@vee-validate/rules/-/rules-4.13.2.tgz",
+      "integrity": "sha512-NrmjxXw/gZQVhjgwIdEOeRYxn74I/3BYXTuExdwbpCPVgFh0pjTQx9aPGkVBnueeszVqO2LfWyKUpvwSWLPXRA==",
       "dependencies": {
-        "vee-validate": "4.13.1"
+        "vee-validate": "4.13.2"
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "5.0.4",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.4.tgz",
-      "integrity": "sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==",
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.5.tgz",
+      "integrity": "sha512-LOjm7XeIimLBZyzinBQ6OSm3UBCNVCpLkxGC0oWmm2YPzVZoxMsdvNVimLTBzpAnR9hl/yn1SHGuRfe6/Td9rQ==",
       "dev": true,
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
@@ -942,99 +917,100 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.27.tgz",
-      "integrity": "sha512-E+RyqY24KnyDXsCuQrI+mlcdW3ALND6U7Gqa/+bVwbcpcR3BRRIckFoz7Qyd4TTlnugtwuI7YgjbvsLmxb+yvg==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.33.tgz",
+      "integrity": "sha512-MoIREbkdPQlnGfSKDMgzTqzqx5nmEjIc0ydLVYlTACGBsfvOJ4tHSbZXKVF536n6fB+0eZaGEOqsGThPpdvF5A==",
       "dependencies": {
-        "@babel/parser": "^7.24.4",
-        "@vue/shared": "3.4.27",
+        "@babel/parser": "^7.24.7",
+        "@vue/shared": "3.4.33",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.27.tgz",
-      "integrity": "sha512-kUTvochG/oVgE1w5ViSr3KUBh9X7CWirebA3bezTbB5ZKBQZwR2Mwj9uoSKRMFcz4gSMzzLXBPD6KpCLb9nvWw==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.33.tgz",
+      "integrity": "sha512-GzB8fxEHKw0gGet5BKlpfXEqoBnzSVWwMnT+dc25wE7pFEfrU/QsvjZMP9rD4iVXHBBoemTct8mN0GJEI6ZX5A==",
       "dependencies": {
-        "@vue/compiler-core": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-core": "3.4.33",
+        "@vue/shared": "3.4.33"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.27.tgz",
-      "integrity": "sha512-nDwntUEADssW8e0rrmE0+OrONwmRlegDA1pD6QhVeXxjIytV03yDqTey9SBDiALsvAd5U4ZrEKbMyVXhX6mCGA==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.33.tgz",
+      "integrity": "sha512-7rk7Vbkn21xMwIUpHQR4hCVejwE6nvhBOiDgoBcR03qvGqRKA7dCBSsHZhwhYUsmjlbJ7OtD5UFIyhP6BY+c8A==",
       "dependencies": {
-        "@babel/parser": "^7.24.4",
-        "@vue/compiler-core": "3.4.27",
-        "@vue/compiler-dom": "3.4.27",
-        "@vue/compiler-ssr": "3.4.27",
-        "@vue/shared": "3.4.27",
+        "@babel/parser": "^7.24.7",
+        "@vue/compiler-core": "3.4.33",
+        "@vue/compiler-dom": "3.4.33",
+        "@vue/compiler-ssr": "3.4.33",
+        "@vue/shared": "3.4.33",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.10",
-        "postcss": "^8.4.38",
+        "postcss": "^8.4.39",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.27.tgz",
-      "integrity": "sha512-CVRzSJIltzMG5FcidsW0jKNQnNRYC8bT21VegyMMtHmhW3UOI7knmUehzswXLrExDLE6lQCZdrhD4ogI7c+vuw==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.33.tgz",
+      "integrity": "sha512-0WveC9Ai+eT/1b6LCV5IfsufBZ0HP7pSSTdDjcuW302tTEgoBw8rHVHKPbGUtzGReUFCRXbv6zQDDgucnV2WzQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-dom": "3.4.33",
+        "@vue/shared": "3.4.33"
       }
     },
     "node_modules/@vue/devtools-api": {
-      "version": "6.6.1",
-      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.1.tgz",
-      "integrity": "sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA=="
+      "version": "6.6.3",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz",
+      "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw=="
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.27.tgz",
-      "integrity": "sha512-kK0g4NknW6JX2yySLpsm2jlunZJl2/RJGZ0H9ddHdfBVHcNzxmQ0sS0b09ipmBoQpY8JM2KmUw+a6sO8Zo+zIA==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.33.tgz",
+      "integrity": "sha512-B24QIelahDbyHipBgbUItQblbd4w5HpG3KccL+YkGyo3maXyS253FzcTR3pSz739OTphmzlxP7JxEMWBpewilA==",
       "dependencies": {
-        "@vue/shared": "3.4.27"
+        "@vue/shared": "3.4.33"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.27.tgz",
-      "integrity": "sha512-7aYA9GEbOOdviqVvcuweTLe5Za4qBZkUY7SvET6vE8kyypxVgaT1ixHLg4urtOlrApdgcdgHoTZCUuTGap/5WA==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.33.tgz",
+      "integrity": "sha512-6wavthExzT4iAxpe8q37/rDmf44nyOJGISJPxCi9YsQO+8w9v0gLCFLfH5TzD1V1AYrTAdiF4Y1cgUmP68jP6w==",
       "dependencies": {
-        "@vue/reactivity": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/reactivity": "3.4.33",
+        "@vue/shared": "3.4.33"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.27.tgz",
-      "integrity": "sha512-ScOmP70/3NPM+TW9hvVAz6VWWtZJqkbdf7w6ySsws+EsqtHvkhxaWLecrTorFxsawelM5Ys9FnDEMt6BPBDS0Q==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.33.tgz",
+      "integrity": "sha512-iHsMCUSFJ+4z432Bn9kZzHX+zOXa6+iw36DaVRmKYZpPt9jW9riF32SxNwB124i61kp9+AZtheQ/mKoJLerAaQ==",
       "dependencies": {
-        "@vue/runtime-core": "3.4.27",
-        "@vue/shared": "3.4.27",
+        "@vue/reactivity": "3.4.33",
+        "@vue/runtime-core": "3.4.33",
+        "@vue/shared": "3.4.33",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.27.tgz",
-      "integrity": "sha512-dlAMEuvmeA3rJsOMJ2J1kXU7o7pOxgsNHVr9K8hB3ImIkSuBrIdy0vF66h8gf8Tuinf1TK3mPAz2+2sqyf3KzA==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.33.tgz",
+      "integrity": "sha512-jTH0d6gQcaYideFP/k0WdEu8PpRS9MF8d0b6SfZzNi+ap972pZ0TNIeTaESwdOtdY0XPVj54XEJ6K0wXxir4fw==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-ssr": "3.4.33",
+        "@vue/shared": "3.4.33"
       },
       "peerDependencies": {
-        "vue": "3.4.27"
+        "vue": "3.4.33"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.27.tgz",
-      "integrity": "sha512-DL3NmY2OFlqmYYrzp39yi3LDkKxa5vZVwxWdQ3rG0ekuWscHraeIbnI8t+aZK7qhYqEqWKTUdijadunb9pnrgA=="
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.33.tgz",
+      "integrity": "sha512-aoRY0jQk3A/cuvdkodTrM4NMfxco8n55eG4H7ML/CRy7OryHfiqvug4xrCBBMbbN+dvXAetDDwZW9DXWWjBntA=="
     },
     "node_modules/@xtiannyeto/vue-auth-social": {
       "version": "0.1.9",
@@ -1074,9 +1050,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.11.3",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-      "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -1122,22 +1098,22 @@
       }
     },
     "node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
       "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+        "node": ">=8"
       }
     },
     "node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
       "engines": {
-        "node": ">=12"
+        "node": ">=8"
       },
       "funding": {
         "url": "https://github.com/chalk/ansi-styles?sponsor=1"
@@ -1185,9 +1161,9 @@
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.17",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
-      "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
+      "version": "10.4.19",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
+      "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
       "dev": true,
       "funding": [
         {
@@ -1204,8 +1180,8 @@
         }
       ],
       "dependencies": {
-        "browserslist": "^4.22.2",
-        "caniuse-lite": "^1.0.30001578",
+        "browserslist": "^4.23.0",
+        "caniuse-lite": "^1.0.30001599",
         "fraction.js": "^4.3.7",
         "normalize-range": "^0.1.2",
         "picocolors": "^1.0.0",
@@ -1222,11 +1198,11 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.6.7",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.7.tgz",
-      "integrity": "sha512-/hDJGff6/c7u0hDkvkGxR/oy6CbCs8ziCsC7SqmhjfozqiJGc8Z11wrv9z9lYfY4K8l+H9TpjcMDX0xOZmx+RA==",
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
+      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
       "dependencies": {
-        "follow-redirects": "^1.15.4",
+        "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
         "proxy-from-env": "^1.1.0"
       }
@@ -1264,11 +1240,14 @@
       }
     },
     "node_modules/binary-extensions": {
-      "version": "2.2.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
-      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
       "engines": {
         "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
       }
     },
     "node_modules/boolbase": {
@@ -1278,11 +1257,13 @@
       "dev": true
     },
     "node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dev": true,
       "dependencies": {
-        "balanced-match": "^1.0.0"
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
       }
     },
     "node_modules/braces": {
@@ -1297,9 +1278,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.0.tgz",
-      "integrity": "sha512-QW8HiM1shhT2GuzkvklfjcKDiWFXHOeFCIA/huJPwHsslwcydgk7X+z2zXpEijP98UCY7HbubZt5J2Zgvf0CaQ==",
+      "version": "4.23.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.2.tgz",
+      "integrity": "sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==",
       "dev": true,
       "funding": [
         {
@@ -1316,10 +1297,10 @@
         }
       ],
       "dependencies": {
-        "caniuse-lite": "^1.0.30001587",
-        "electron-to-chromium": "^1.4.668",
+        "caniuse-lite": "^1.0.30001640",
+        "electron-to-chromium": "^1.4.820",
         "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
+        "update-browserslist-db": "^1.1.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -1369,9 +1350,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001589",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001589.tgz",
-      "integrity": "sha512-vNQWS6kI+q6sBlHbh71IIeC+sRwK2N3EDySc/updIGhIee2x5z00J4c1242/5/d6EpEMdOnk/m+6tuk4/tcsqg==",
+      "version": "1.0.30001642",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001642.tgz",
+      "integrity": "sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA==",
       "dev": true,
       "funding": [
         {
@@ -1404,21 +1385,6 @@
         "url": "https://github.com/chalk/chalk?sponsor=1"
       }
     },
-    "node_modules/chalk/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -1534,9 +1500,9 @@
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/debug": {
-      "version": "4.3.4",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
-      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
+      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -1615,9 +1581,9 @@
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.681",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.681.tgz",
-      "integrity": "sha512-1PpuqJUFWoXZ1E54m8bsLPVYwIVCRzvaL+n5cjigGga4z854abDnFRc+cTa2th4S79kyGqya/1xoR7h+Y5G5lg==",
+      "version": "1.4.832",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.832.tgz",
+      "integrity": "sha512-cTen3SB0H2SGU7x467NRe1eVcQgcuS6jckKfWJHia2eo0cHIGOqHoAxevIYZD4eRHcWjkvFzo93bi3vJ9W+1lA==",
       "dev": true
     },
     "node_modules/emoji-regex": {
@@ -1656,9 +1622,9 @@
       }
     },
     "node_modules/esbuild": {
-      "version": "0.20.2",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
-      "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -1668,29 +1634,29 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.20.2",
-        "@esbuild/android-arm": "0.20.2",
-        "@esbuild/android-arm64": "0.20.2",
-        "@esbuild/android-x64": "0.20.2",
-        "@esbuild/darwin-arm64": "0.20.2",
-        "@esbuild/darwin-x64": "0.20.2",
-        "@esbuild/freebsd-arm64": "0.20.2",
-        "@esbuild/freebsd-x64": "0.20.2",
-        "@esbuild/linux-arm": "0.20.2",
-        "@esbuild/linux-arm64": "0.20.2",
-        "@esbuild/linux-ia32": "0.20.2",
-        "@esbuild/linux-loong64": "0.20.2",
-        "@esbuild/linux-mips64el": "0.20.2",
-        "@esbuild/linux-ppc64": "0.20.2",
-        "@esbuild/linux-riscv64": "0.20.2",
-        "@esbuild/linux-s390x": "0.20.2",
-        "@esbuild/linux-x64": "0.20.2",
-        "@esbuild/netbsd-x64": "0.20.2",
-        "@esbuild/openbsd-x64": "0.20.2",
-        "@esbuild/sunos-x64": "0.20.2",
-        "@esbuild/win32-arm64": "0.20.2",
-        "@esbuild/win32-ia32": "0.20.2",
-        "@esbuild/win32-x64": "0.20.2"
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
       }
     },
     "node_modules/escalade": {
@@ -1770,24 +1736,25 @@
       }
     },
     "node_modules/eslint-plugin-vue": {
-      "version": "9.22.0",
-      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.22.0.tgz",
-      "integrity": "sha512-7wCXv5zuVnBtZE/74z4yZ0CM8AjH6bk4MQGm7hZjUC2DBppKU5ioeOk5LGSg/s9a1ZJnIsdPLJpXnu1Rc+cVHg==",
+      "version": "9.27.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.27.0.tgz",
+      "integrity": "sha512-5Dw3yxEyuBSXTzT5/Ge1X5kIkRTQ3nvBn/VwPwInNiZBSJOO/timWMUaflONnFBzU6NhB68lxnCda7ULV5N7LA==",
       "dev": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
+        "globals": "^13.24.0",
         "natural-compare": "^1.4.0",
         "nth-check": "^2.1.1",
         "postcss-selector-parser": "^6.0.15",
         "semver": "^7.6.0",
-        "vue-eslint-parser": "^9.4.2",
+        "vue-eslint-parser": "^9.4.3",
         "xml-name-validator": "^4.0.0"
       },
       "engines": {
         "node": "^14.17.0 || >=16.0.0"
       },
       "peerDependencies": {
-        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0"
+        "eslint": "^6.2.0 || ^7.0.0 || ^8.0.0 || ^9.0.0"
       }
     },
     "node_modules/eslint-scope": {
@@ -1818,49 +1785,6 @@
         "url": "https://opencollective.com/eslint"
       }
     },
-    "node_modules/eslint/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/eslint/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/eslint/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/eslint/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/espree": {
       "version": "9.6.1",
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
@@ -1879,9 +1803,9 @@
       }
     },
     "node_modules/esquery": {
-      "version": "1.5.0",
-      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.5.0.tgz",
-      "integrity": "sha512-YQLXUplAwJgCydQ78IMJywZCceoqk1oH01OERdSAJc/7U2AylwjhSCLDEtqwg811idIS/9fIU5GjG73IgjKMVg==",
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
       "dev": true,
       "dependencies": {
         "estraverse": "^5.1.0"
@@ -2079,9 +2003,9 @@
       }
     },
     "node_modules/foreground-child": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
-      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.2.1.tgz",
+      "integrity": "sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==",
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^4.0.1"
@@ -2192,21 +2116,21 @@
       }
     },
     "node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
       "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": "*"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
@@ -2257,17 +2181,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/google-auth-library/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/google-p12-pem": {
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-3.1.4.tgz",
@@ -2310,6 +2223,14 @@
         "node": ">=10.10.0"
       }
     },
+    "node_modules/googleapis-common/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/gopd": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
@@ -2383,9 +2304,9 @@
       }
     },
     "node_modules/hasown": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.1.tgz",
-      "integrity": "sha512-1/th4MHjnwncwXsIW6QMzlvYL9kG5e/CpVvLRZe4XPa8TOUNbCELqmvhDmnkNsAjwaG4+I8gJJL0JBvTTLO9qA==",
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -2443,6 +2364,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
       "dev": true,
       "dependencies": {
         "once": "^1.3.0",
@@ -2467,11 +2389,14 @@
       }
     },
     "node_modules/is-core-module": {
-      "version": "2.13.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
-      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "version": "2.15.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.0.tgz",
+      "integrity": "sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==",
       "dependencies": {
-        "hasown": "^2.0.0"
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
       },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
@@ -2538,15 +2463,12 @@
       "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
     },
     "node_modules/jackspeak": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
-      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
-      "engines": {
-        "node": ">=14"
-      },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       },
@@ -2555,9 +2477,9 @@
       }
     },
     "node_modules/jiti": {
-      "version": "1.21.0",
-      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
-      "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
+      "version": "1.21.6",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
+      "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -2686,11 +2608,14 @@
       "dev": true
     },
     "node_modules/lru-cache": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz",
-      "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==",
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
       "engines": {
-        "node": "14 || >=16.14"
+        "node": ">=10"
       }
     },
     "node_modules/magic-string": {
@@ -2710,11 +2635,11 @@
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
+      "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -2749,23 +2674,21 @@
       }
     },
     "node_modules/minimatch": {
-      "version": "9.0.3",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
-      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
       "dependencies": {
-        "brace-expansion": "^2.0.1"
+        "brace-expansion": "^1.1.7"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
+        "node": "*"
       }
     },
     "node_modules/minipass": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
-      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -2841,9 +2764,9 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
+      "version": "2.0.17",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.17.tgz",
+      "integrity": "sha512-Ww6ZlOiEQfPfXM45v17oabk77Z7mg5bOt7AjDyzy7RjK9OrLrLC8dyZQoAPEOtFX9SaNf1Tdvr5gRJWdTJj7GA==",
       "dev": true
     },
     "node_modules/normalize-path": {
@@ -2892,9 +2815,12 @@
       }
     },
     "node_modules/object-inspect": {
-      "version": "1.13.1",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
-      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
+      "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
+      "engines": {
+        "node": ">= 0.4"
+      },
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -2909,17 +2835,17 @@
       }
     },
     "node_modules/optionator": {
-      "version": "0.9.3",
-      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
-      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
       "dependencies": {
-        "@aashutoshrathi/word-wrap": "^1.2.3",
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
         "levn": "^0.4.1",
         "prelude-ls": "^1.2.1",
-        "type-check": "^0.4.0"
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
       },
       "engines": {
         "node": ">= 0.8.0"
@@ -2955,6 +2881,11 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
+      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw=="
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -2999,24 +2930,29 @@
       "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
     "node_modules/path-scurry": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
-      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
       "dependencies": {
-        "lru-cache": "^9.1.1 || ^10.0.0",
+        "lru-cache": "^10.2.0",
         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
       },
       "engines": {
-        "node": ">=16 || 14 >=14.17"
+        "node": ">=16 || 14 >=14.18"
       },
       "funding": {
         "url": "https://github.com/sponsors/isaacs"
       }
     },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
+    },
     "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -3063,9 +2999,9 @@
       }
     },
     "node_modules/pinia/node_modules/vue-demi": {
-      "version": "0.14.7",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.7.tgz",
-      "integrity": "sha512-EOG8KXDQNwkJILkx/gPcoL/7vH+hORoBaKgGe+6W7VFMvCYJfmF2dGbvgDroVnI8LU7/kTu8mbjRZGBU1z9NTA==",
+      "version": "0.14.8",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.8.tgz",
+      "integrity": "sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==",
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -3096,9 +3032,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.38",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
-      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "version": "8.4.39",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.39.tgz",
+      "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==",
       "funding": [
         {
           "type": "opencollective",
@@ -3115,7 +3051,7 @@
       ],
       "dependencies": {
         "nanoid": "^3.3.7",
-        "picocolors": "^1.0.0",
+        "picocolors": "^1.0.1",
         "source-map-js": "^1.2.0"
       },
       "engines": {
@@ -3191,9 +3127,9 @@
       }
     },
     "node_modules/postcss-load-config/node_modules/lilconfig": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.1.tgz",
-      "integrity": "sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==",
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
+      "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
       "engines": {
         "node": ">=14"
       },
@@ -3202,27 +3138,33 @@
       }
     },
     "node_modules/postcss-nested": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
-      "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
       "dependencies": {
-        "postcss-selector-parser": "^6.0.11"
+        "postcss-selector-parser": "^6.1.1"
       },
       "engines": {
         "node": ">=12.0"
       },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      },
       "peerDependencies": {
         "postcss": "^8.2.14"
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "6.0.15",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.15.tgz",
-      "integrity": "sha512-rEYkQOMUCEMhsKbK66tbEU9QVIxbhN18YiniAwA7XQYTVBqrBy+P2p5JcdqsHgKM2zWylp8d7J6eszocfds5Sw==",
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz",
+      "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==",
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -3265,9 +3207,9 @@
       }
     },
     "node_modules/qs": {
-      "version": "6.12.1",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.1.tgz",
-      "integrity": "sha512-zWmv4RSuB9r2mYQw3zxQuHWeU+42aKi1wWig/j4ele4ygELZ7PEO6MM7rim9oAQH2A5MWfsAVf/jPvTPgCbvUQ==",
+      "version": "6.12.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.3.tgz",
+      "integrity": "sha512-AWJm14H1vVaO/iNZ4/hO+HyaTehuy9nRqVdkTqlJt0HWvBiBIEXFmb4C0DGeYo3Xes9rrEW+TxHsaigCbN5ICQ==",
       "dependencies": {
         "side-channel": "^1.0.6"
       },
@@ -3359,6 +3301,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
       "dev": true,
       "dependencies": {
         "glob": "^7.1.3"
@@ -3370,52 +3313,10 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/rimraf/node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/rimraf/node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "dev": true,
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/rimraf/node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
     "node_modules/rollup": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.17.2.tgz",
-      "integrity": "sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==",
+      "version": "4.19.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.19.0.tgz",
+      "integrity": "sha512-5r7EYSQIowHsK4eTZ0Y81qpZuJz+MUuYeqmmYmRMl1nwhdmbiYqt5jwzf6u7wyOzJgYqtCRMtVRKOtHANBz7rA==",
       "dev": true,
       "dependencies": {
         "@types/estree": "1.0.5"
@@ -3428,22 +3329,22 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.17.2",
-        "@rollup/rollup-android-arm64": "4.17.2",
-        "@rollup/rollup-darwin-arm64": "4.17.2",
-        "@rollup/rollup-darwin-x64": "4.17.2",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.17.2",
-        "@rollup/rollup-linux-arm-musleabihf": "4.17.2",
-        "@rollup/rollup-linux-arm64-gnu": "4.17.2",
-        "@rollup/rollup-linux-arm64-musl": "4.17.2",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.17.2",
-        "@rollup/rollup-linux-riscv64-gnu": "4.17.2",
-        "@rollup/rollup-linux-s390x-gnu": "4.17.2",
-        "@rollup/rollup-linux-x64-gnu": "4.17.2",
-        "@rollup/rollup-linux-x64-musl": "4.17.2",
-        "@rollup/rollup-win32-arm64-msvc": "4.17.2",
-        "@rollup/rollup-win32-ia32-msvc": "4.17.2",
-        "@rollup/rollup-win32-x64-msvc": "4.17.2",
+        "@rollup/rollup-android-arm-eabi": "4.19.0",
+        "@rollup/rollup-android-arm64": "4.19.0",
+        "@rollup/rollup-darwin-arm64": "4.19.0",
+        "@rollup/rollup-darwin-x64": "4.19.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.19.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.19.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.19.0",
+        "@rollup/rollup-linux-arm64-musl": "4.19.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.19.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.19.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.19.0",
+        "@rollup/rollup-linux-x64-gnu": "4.19.0",
+        "@rollup/rollup-linux-x64-musl": "4.19.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.19.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.19.0",
+        "@rollup/rollup-win32-x64-msvc": "4.19.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -3489,13 +3390,10 @@
       ]
     },
     "node_modules/semver": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
-      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -3503,18 +3401,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/semver/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/set-function-length": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
@@ -3616,31 +3502,23 @@
         "node": ">=8"
       }
     },
-    "node_modules/string-width-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/string-width-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
       "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
-    "node_modules/string-width-cjs/node_modules/strip-ansi": {
+    "node_modules/string-width/node_modules/ansi-regex": {
       "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
       }
     },
-    "node_modules/strip-ansi": {
+    "node_modules/string-width/node_modules/strip-ansi": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
@@ -3654,8 +3532,7 @@
         "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
+    "node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
@@ -3666,10 +3543,14 @@
         "node": ">=8"
       }
     },
-    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
       "engines": {
         "node": ">=8"
       }
@@ -3707,6 +3588,47 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/sucrase/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/sucrase/node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/sucrase/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/supports-color": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -3731,9 +3653,9 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz",
-      "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==",
+      "version": "3.4.6",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.6.tgz",
+      "integrity": "sha512-1uRHzPB+Vzu57ocybfZ4jh5Q3SdlH7XW23J5sQoM9LhE9eIOlzxer/3XPSsycvih3rboRsvt0QCmzSrqyOYUIA==",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -3743,7 +3665,7 @@
         "fast-glob": "^3.3.0",
         "glob-parent": "^6.0.2",
         "is-glob": "^4.0.3",
-        "jiti": "^1.19.1",
+        "jiti": "^1.21.0",
         "lilconfig": "^2.1.0",
         "micromatch": "^4.0.5",
         "normalize-path": "^3.0.0",
@@ -3842,9 +3764,9 @@
       }
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+      "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
       "dev": true,
       "funding": [
         {
@@ -3861,8 +3783,8 @@
         }
       ],
       "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.1.2",
+        "picocolors": "^1.0.1"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
@@ -3891,17 +3813,21 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/uuid": {
-      "version": "8.3.2",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
-      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
       "bin": {
         "uuid": "dist/bin/uuid"
       }
     },
     "node_modules/vee-validate": {
-      "version": "4.13.1",
-      "resolved": "https://registry.npmjs.org/vee-validate/-/vee-validate-4.13.1.tgz",
-      "integrity": "sha512-JAlUWTBHg0z66n+v66mrtE9IC1xmVCggzpyc7UXCNkizVok8Zgt1VAVjobSxA/0N19Zn6v6hRfjoYciYH/Z11Q==",
+      "version": "4.13.2",
+      "resolved": "https://registry.npmjs.org/vee-validate/-/vee-validate-4.13.2.tgz",
+      "integrity": "sha512-HlpR/6MJ92TW9f135umMZKUqdd/tFQTxLNSf2ImbU4Y/MlLVAUpF1l64VdjTOhbClAqPjCb5p/SqHDxLpUHXrw==",
       "dependencies": {
         "@vue/devtools-api": "^6.6.1",
         "type-fest": "^4.8.3"
@@ -3911,9 +3837,9 @@
       }
     },
     "node_modules/vee-validate/node_modules/type-fest": {
-      "version": "4.20.0",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.20.0.tgz",
-      "integrity": "sha512-MBh+PHUHHisjXf4tlx0CFWoMdjx8zCMLJHOjnV1prABYZFHqtFOyauCIK2/7w4oIfwkF8iNhLtnJEfVY2vn3iw==",
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.22.1.tgz",
+      "integrity": "sha512-9tHNEa0Ov81YOopiVkcCJVz5TM6AEQ+CHHjFIktqPnE3NV0AHIkx+gh9tiCl58m/66wWxkOC9eltpa75J4lQPA==",
       "engines": {
         "node": ">=16"
       },
@@ -3922,13 +3848,13 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.2.11",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.11.tgz",
-      "integrity": "sha512-HndV31LWW05i1BLPMUCE1B9E9GFbOu1MbenhS58FuK6owSO5qHm7GiCotrNY1YE5rMeQSFBGmT5ZaLEjFizgiQ==",
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.4.tgz",
+      "integrity": "sha512-Cw+7zL3ZG9/NZBB8C+8QbQZmR54GwqIz+WMI4b3JgdYJvX+ny9AjJXqkGQlDXSXRP9rP0B4tbciRMOVEKulVOA==",
       "dev": true,
       "dependencies": {
-        "esbuild": "^0.20.1",
-        "postcss": "^8.4.38",
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.39",
         "rollup": "^4.13.0"
       },
       "bin": {
@@ -3977,15 +3903,15 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.4.27",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.27.tgz",
-      "integrity": "sha512-8s/56uK6r01r1icG/aEOHqyMVxd1bkYcSe9j8HcKtr/xTOFWvnzIVTehNW+5Yt89f+DLBe4A569pnZLS5HzAMA==",
+      "version": "3.4.33",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.33.tgz",
+      "integrity": "sha512-VdMCWQOummbhctl4QFMcW6eNtXHsFyDlX60O/tsSQuCcuDOnJ1qPOhhVla65Niece7xq/P2zyZReIO5mP+LGTQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.4.27",
-        "@vue/compiler-sfc": "3.4.27",
-        "@vue/runtime-dom": "3.4.27",
-        "@vue/server-renderer": "3.4.27",
-        "@vue/shared": "3.4.27"
+        "@vue/compiler-dom": "3.4.33",
+        "@vue/compiler-sfc": "3.4.33",
+        "@vue/runtime-dom": "3.4.33",
+        "@vue/server-renderer": "3.4.33",
+        "@vue/shared": "3.4.33"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -3997,9 +3923,9 @@
       }
     },
     "node_modules/vue-eslint-parser": {
-      "version": "9.4.2",
-      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.2.tgz",
-      "integrity": "sha512-Ry9oiGmCAK91HrKMtCrKFWmSFWvYkpGglCeFAIqDdr9zdXmMMpJOmUJS7WWsW7fX81h6mwHmUZCQQ1E0PkSwYQ==",
+      "version": "9.4.3",
+      "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
+      "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
       "dev": true,
       "dependencies": {
         "debug": "^4.3.4",
@@ -4021,9 +3947,9 @@
       }
     },
     "node_modules/vue-router": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.3.0.tgz",
-      "integrity": "sha512-dqUcs8tUeG+ssgWhcPbjHvazML16Oga5w34uCUmsk7i0BcnskoLGwjpa15fqMr2Fa5JgVBrdL2MEgqz6XZ/6IQ==",
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.4.0.tgz",
+      "integrity": "sha512-HB+t2p611aIZraV2aPSRNXf0Z/oLZFrlygJm+sZbdJaW6lcFqEDQwnzUBXn+DApw+/QzDU/I9TeWx9izEjTmsA==",
       "dependencies": {
         "@vue/devtools-api": "^6.5.1"
       },
@@ -4035,17 +3961,17 @@
       }
     },
     "node_modules/vue3-google-login": {
-      "version": "2.0.26",
-      "resolved": "https://registry.npmjs.org/vue3-google-login/-/vue3-google-login-2.0.26.tgz",
-      "integrity": "sha512-BuTSIeSjINNHNPs+BDF4COnjWvff27IfCBDxK6JPRqvm57lF8iK4B3+zcG8ud6BXfZdyuiDlxletbEDgg4/RFA==",
+      "version": "2.0.27",
+      "resolved": "https://registry.npmjs.org/vue3-google-login/-/vue3-google-login-2.0.27.tgz",
+      "integrity": "sha512-F5ufTy1xGxpNRIIQQnIlvhCnzNAVFQiydJgW/BGJXPzOq2We2eZ9QaC61IXu+14gzXDPhALu1OsZGzQkyze8IA==",
       "peerDependencies": {
         "vue": "^3.0.3"
       }
     },
     "node_modules/vuetify": {
-      "version": "3.5.6",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.5.6.tgz",
-      "integrity": "sha512-PfKSnHaSEGoz1QNHZ2sutOYwmYxtBbxAaeRy0L0qtMWLkKtxheg0he/NX+lsP11I2LevQBj2AgeBYDMZ/oPkPQ==",
+      "version": "3.6.13",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.6.13.tgz",
+      "integrity": "sha512-Gz7jxXAkmff2m6CM0EUWOo/72TM322/3I6aDna++k1nPOW1/hNx4td1MZG4u75fzdn3r+uIe0dbF7SWuhu6DWA==",
       "engines": {
         "node": "^12.20 || >=14.13"
       },
@@ -4055,10 +3981,10 @@
       },
       "peerDependencies": {
         "typescript": ">=4.7",
-        "vite-plugin-vuetify": ">=1.0.0-alpha.12",
+        "vite-plugin-vuetify": ">=1.0.0",
         "vue": "^3.3.0",
         "vue-i18n": "^9.0.0",
-        "webpack-plugin-vuetify": ">=2.0.0-alpha.11"
+        "webpack-plugin-vuetify": ">=2.0.0"
       },
       "peerDependenciesMeta": {
         "typescript": {
@@ -4103,6 +4029,15 @@
         "node": ">= 8"
       }
     },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/wrap-ansi": {
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
@@ -4136,28 +4071,6 @@
         "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
       }
     },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -4176,15 +4089,40 @@
         "node": ">=8"
       }
     },
-    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
+    "node_modules/wrap-ansi/node_modules/ansi-regex": {
       "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
       "dependencies": {
-        "ansi-regex": "^5.0.1"
+        "ansi-regex": "^6.0.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
       }
     },
     "node_modules/wrappy": {
@@ -4208,9 +4146,12 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/yaml": {
-      "version": "2.3.4",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
-      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.5.tgz",
+      "integrity": "sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
       "engines": {
         "node": ">= 14"
       }
diff --git a/package.json b/package.json
index fd9a2ea..01ca1b9 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@xtiannyeto/vue-auth-social": "^0.1.9",
     "axios": "^1.6.7",
     "pinia": "^2.1.7",
+    "uuid": "^10.0.0",
     "vue": "^3.4.15",
     "vue-router": "^4.2.5",
     "vue3-google-login": "^2.0.26",
diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 3ffd4f4..10eca5e 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,6 +1,6 @@
 <template>
 
-  <div class="shadow-md rounded-lg bg-blue-100">
+  <div class="shadow-md rounded-lg bg-gray-50">
 
     <div class="text-lg font-bold">
       {{ props.content.title }}
@@ -45,12 +45,12 @@
 
       <div>
         <h2 class="font-sans font-semibold">Commentaires</h2>
-        <message-list :subject-id="props.content.id">
+        <message-list :subject-id="props.content.id" :messages="messages">
         </message-list>
       </div>
       
       <div class="border-t-2 border-gray-300 mt-4 pt-4">
-        <post-message :subject-id="props.content.id">
+        <post-message :subject-id="props.content.id" @message-posted="addMessage">
         </post-message>
       </div>
       
@@ -62,10 +62,10 @@
 
 <script setup>
 
-import {defineProps, computed} from 'vue';
+import {defineProps, computed, reactive} from 'vue';
+import {time_ago} from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
-import {time_ago} from "@/internal_time_ago.js";
 
 const isHttpUrl = computed(() => props.content?.uri?.startsWith('http'))
 
@@ -76,4 +76,13 @@ const props = defineProps({
   }
 });
 
+const messages = reactive([]);
+
+function addMessage(newMessage) {
+  console.table(newMessage, 'test')
+  console.table(messages)
+  messages.unshift(newMessage)
+  console.table(messages)
+}
+
 </script>
\ No newline at end of file
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index d719929..9ee32c4 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -45,13 +45,16 @@ const props = defineProps({
   subjectId: {
     type: String,
     required: true
+  },
+  messages: {
+    default: []
   }
 });
 
 const errorMessage = ref()
 let last_id = null
 const client = useClient();
-const messages = ref([]);
+const messages = ref(props.messages);
 
 onBeforeMount(async () => {
   if (props.subjectId == null) return
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index dd381db..f1375f0 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -13,7 +13,7 @@
       </div>
 
       <v-text-field
-          v-model="message"
+          v-model="value"
           density="compact"
           variant="solo-inverted"
           placeholder="Votre commentaire..."
@@ -35,7 +35,9 @@
 <script setup>
 
 import {useClient} from '@/plugins/api.js';
-import {defineProps, ref} from 'vue';
+import {defineEmits, defineProps, ref} from 'vue';
+import {useUserStore} from "@/stores/user.js";
+import {v7} from 'uuid'
 
 const props = defineProps({
   subjectId: {
@@ -44,16 +46,34 @@ const props = defineProps({
   }
 });
 
+const emit = defineEmits(['message-posted']);
+
 const client = useClient();
-const message = ref("");
+const value = ref("");
+const user = useUserStore();
 
 const publish = async () => {
-  await client.post(
-      `/api/messages/`,
-      {
-        "subjectId": props.subjectId,
-        "message": message.value
-      });
+
+  try {
+    const messageId = v7()
+    await client.post(`/api/messages/`,
+        {
+          "id": messageId,
+          "subjectId": props.subjectId,
+          "message": value.value
+        })
+    emit('message-posted',
+        {
+          "id": messageId,
+          "subjectId": props.subjectId,
+          "createdBy": user.getCurrentUser().id,
+          "createdAt": new Date(Date.now()).toISOString(),
+          "value": value.value,
+          parentId: null,
+        })
+  } catch (error) {
+    console.error(`post api/message : ${error}`)
+  }
 }
 
 </script>

From e376a0d5713e801c0714a7c2bb24c585c26c92e2 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Mon, 22 Jul 2024 00:30:22 -0400
Subject: [PATCH 016/109] Fix the appearance of comments

---
 src/models/myUserModel.js          |  1 +
 src/models/storedDataUrlsModel.js  |  6 +++---
 src/views/contents/ContentCard.vue |  3 ---
 src/views/main/Header.vue          |  8 +-------
 src/views/messages/Message.vue     | 18 +++++++++++++++---
 src/views/messages/MessageList.vue | 14 ++++++--------
 src/views/messages/PostMessage.vue | 20 ++++++++++++++------
 7 files changed, 40 insertions(+), 30 deletions(-)

diff --git a/src/models/myUserModel.js b/src/models/myUserModel.js
index 684cb95..c8266ff 100644
--- a/src/models/myUserModel.js
+++ b/src/models/myUserModel.js
@@ -7,6 +7,7 @@ export default class MyUserModel
 {
     id = "";
     creatorAlias = "";
+    alias = null;
     firstName = "";
     lastName = "";
     userName = "";
diff --git a/src/models/storedDataUrlsModel.js b/src/models/storedDataUrlsModel.js
index 55b1489..bfed85a 100644
--- a/src/models/storedDataUrlsModel.js
+++ b/src/models/storedDataUrlsModel.js
@@ -1,8 +1,8 @@
 export default class StoredDataUrlsModel
 {
-    bannerPictureUrl = "";
-    profilePictureUrl = "";
-    websiteIconUrl = "";
+    bannerPictureUrl = null;
+    profilePictureUrl = null;
+    websiteIconUrl = null;
 
     static createFromApiResult(apiResult){
         return Object.assign(new StoredDataUrlsModel(), apiResult)
diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 10eca5e..7bef437 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -79,10 +79,7 @@ const props = defineProps({
 const messages = reactive([]);
 
 function addMessage(newMessage) {
-  console.table(newMessage, 'test')
-  console.table(messages)
   messages.unshift(newMessage)
-  console.table(messages)
 }
 
 </script>
\ No newline at end of file
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 2e1360b..2ad600d 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -58,9 +58,8 @@
                  {{ currentUser.userName }}
                  </span>
               <img
-                  :src="currentUser.storedDataUrls.profilePictureUrl"
+                  :src="currentUser.storedDataUrls.profilePictureUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
                   alt="Profile Image"
-                  @error="handleProfilePictureError"
                   class="ml-2 rounded-full" style="width: 32px; height: 32px;">
             </v-btn>
           </template>
@@ -120,11 +119,6 @@ const searchQuery = ref("");
 const showSearch = ref(false);
 let currentUser = reactive(MyUserModel.getDefaultUser());
 const userStore = useUserStore();
-const backupProfilePictureUrl = "/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
-
-const handleProfilePictureError = (event) => {
-  event.target.src = backupProfilePictureUrl;
-}
 
 const toggleSidebar = () => {
   eventBus.value.toggleSidebar();
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index 3f46b10..e5edd93 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -2,7 +2,7 @@
   <div class="flex flex-column">
     <div class="flex flex-row p-1 items-center">
       <div class="px-2 content-center">
-        <img :src="message.portrait"
+        <img :src="message.profileImageUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
              alt="Profile Image"
              class="rounded-full"
              width="32px"
@@ -11,9 +11,21 @@
 
       <div class="p-2 flex-1">
         <div class="flex justify-between items-center">
+
           <div>
-            <span class="font-semibold font-sans mr-2">{{ message.createdBy }}</span>
-            <span class="text-sm font-sans text-gray-700">{{ time_ago(message.createdAt) }}</span>
+             
+            <span class="font-semibold font-sans mr-2">
+              {{ message.createdByName }}
+            </span>
+
+            <v-tooltip :text="new Date(message.createdAt).toLocaleString()">
+              <template v-slot:activator="{ props }">
+                <span v-bind="props" class="text-sm-caption text-gray-700">
+                  {{ time_ago(message.createdAt) }}
+                </span>
+              </template>
+            </v-tooltip>
+
           </div>
           <v-menu>
             <template v-slot:activator="{ props }">
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index 9ee32c4..57ab88e 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -6,11 +6,9 @@
                      class="bg-gray-300 rounded-md justify-items-center">
 
     <template v-for="(message, index) in messages" :key="index">
-      <Message
-          :message="message"
-          class="m-2 p-2 rounded-md bg-gray-100"
-      >
-      </Message>
+      <message :message="message"
+               class="m-2 p-2 rounded-md bg-gray-100"
+      ></message>
     </template>
 
     <template v-slot:load-more="{ props }">
@@ -79,11 +77,11 @@ async function load({done, page_size}) {
 
     if (response.status >= 200 && response.status < 300) {
 
-      const messageCount = response.data.length
+      const messageCount = response.data.messages.length
 
       if (messageCount > 0) {
-        messages.value.push(...response.data)
-        const [last_content] = response.data.slice(-1)
+        messages.value.push(...response.data.messages)
+        const [last_content] = response.data.messages.slice(-1)
         last_id = last_content.id
       }
 
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index f1375f0..35f1940 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -5,7 +5,8 @@
     <div class="flex flex-row">
 
       <div class="mx-2 content-center">
-        <img src="/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png"
+                
+        <img :src="profileUrl"
              alt="Profile Image"
              class="rounded-full"
              width="32px"
@@ -46,11 +47,12 @@ const props = defineProps({
   }
 });
 
-const emit = defineEmits(['message-posted']);
+const emit = defineEmits(['message-posted'])
 
-const client = useClient();
-const value = ref("");
-const user = useUserStore();
+const client = useClient()
+const value = ref("")
+const user = useUserStore()
+const profileUrl = ref(user.getCurrentUser().storedDataUrls.profilePictureUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png')
 
 const publish = async () => {
 
@@ -62,15 +64,21 @@ const publish = async () => {
           "subjectId": props.subjectId,
           "message": value.value
         })
+    
+    const currentUser = user.getCurrentUser()
     emit('message-posted',
         {
           "id": messageId,
           "subjectId": props.subjectId,
-          "createdBy": user.getCurrentUser().id,
+          "createdBy": currentUser.id,
+          "createdByName": currentUser.alias ?? `${currentUser.firstName} ${currentUser.lastName}`,
+          "createdByPortraitUrl": currentUser.storedDataUrls.profilePictureUrl,
           "createdAt": new Date(Date.now()).toISOString(),
           "value": value.value,
           parentId: null,
         })
+    
+    value.value = ''
   } catch (error) {
     console.error(`post api/message : ${error}`)
   }

From fc95f5949011a2483e02e2a338d39d4d16245347 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 26 Jul 2024 11:23:24 -0400
Subject: [PATCH 017/109] I finished the overhaul of the profile menu. I still
 need to create the modals for each value.

---
 src/views/Account/AccountSecurity.vue  |  55 ++++++++
 src/views/Account/ManageAccount.vue    |  74 +++++++++++
 src/views/Account/PageInformations.vue | 152 +++++++++++++++++++++
 src/views/Account/PersonnalInfo.vue    | 114 ++++++++++++++++
 src/views/main/Header.vue              |   1 +
 src/views/main/Profile.vue             | 176 +++++++++++++++++--------
 6 files changed, 514 insertions(+), 58 deletions(-)
 create mode 100644 src/views/Account/AccountSecurity.vue
 create mode 100644 src/views/Account/ManageAccount.vue
 create mode 100644 src/views/Account/PageInformations.vue
 create mode 100644 src/views/Account/PersonnalInfo.vue

diff --git a/src/views/Account/AccountSecurity.vue b/src/views/Account/AccountSecurity.vue
new file mode 100644
index 0000000..4233e0b
--- /dev/null
+++ b/src/views/Account/AccountSecurity.vue
@@ -0,0 +1,55 @@
+<template>
+  <div class="flex flex-col items-center w-full">
+    <h1 class="uppercase pb-5 text-2xl">   <v-icon class="mr-2">mdi-security</v-icon> Sécurité</h1>
+
+    <div class="border rounded-2xl w-full max-w-[800px]">
+      <div class="py-5 uppercase ml-4">Comment vous connecter à Hutopy</div>
+
+      <div class="flex flex-col w-full">    
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-onepassword</v-icon></span>
+          <span class="flex-auto text-left pr-6">Mot de passe</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-email-outline</v-icon></span>
+          <span class="flex-auto text-left pr-6">Adresse e-mail de récupération</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
+          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-cellphone</v-icon></span>
+          <span class="flex-auto text-left pr-6">Numéro de téléphone de récupération</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+
+
+  
+</template>
+
+
+
+<script setup>
+
+</script>
+
+<style>
+.HoverBtn:hover {
+  @apply bg-[#A6147D] text-white;
+  @apply hover:opacity-90; /* Réduire l'opacité au survol */
+}
+
+
+</style>
+
+
diff --git a/src/views/Account/ManageAccount.vue b/src/views/Account/ManageAccount.vue
new file mode 100644
index 0000000..8f4b640
--- /dev/null
+++ b/src/views/Account/ManageAccount.vue
@@ -0,0 +1,74 @@
+<template>
+  <div class="flex flex-col items-center w-full">
+    <h1 class="uppercase pb-5 text-2xl">  <v-icon class="mr-2 text">mdi-account</v-icon> Gestion des comptes</h1>
+
+    <div class="border rounded-2xl w-full max-w-[800px]">
+      <div class="py-5 uppercase ml-4">Comptes</div>
+
+      <div class="flex flex-col w-full">
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="min-w-32 text-left">Id de la page</span>
+          <span class="flex-auto pr-6 text-left">Nom de la page / utilisateur </span>
+          <span class="flex-none">
+            <img
+                :src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
+                alt="Profile Image"
+                class="ml-2 rounded-full"
+                style="width: 48px; height: 48px;">
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
+          <span class="flex-none pa-2 min-w-32 text-left">Ajouter un compte</span>
+          
+          <span class="flex-none text-fuchsia-800">
+            <v-icon>mdi-plus-circle</v-icon>
+          </span>
+        </button>
+      </div>
+    </div>
+
+    <div class="border rounded-2xl w-full max-w-[800px] mt-10">
+      <div class="py-5 uppercase ml-4">Autorisations accordées</div>
+
+      <div class="flex flex-col w-full">
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="min-w-32 text-left">Id de la page</span>
+          <span class="flex-auto pr-6 text-left">Nom de utilisateur </span>
+          <span class="flex-none">
+            <img
+                :src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
+                alt="Profile Image"
+                class="ml-2 rounded-full"
+                style="width: 48px; height: 48px;">
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
+          <span class="flex-none pa-2 min-w-32 text-left">Ajouter un compte</span>
+
+          <span class="flex-none text-fuchsia-800">
+            <v-icon>mdi-plus-circle</v-icon>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+
+
+<script setup>
+
+</script>
+
+<style>
+.HoverBtn:hover {
+  @apply bg-[#A6147D] text-white;
+  @apply hover:opacity-90; /* Réduire l'opacité au survol */
+}
+
+
+</style>
+
+
diff --git a/src/views/Account/PageInformations.vue b/src/views/Account/PageInformations.vue
new file mode 100644
index 0000000..3b0c5d0
--- /dev/null
+++ b/src/views/Account/PageInformations.vue
@@ -0,0 +1,152 @@
+<template>
+  <div class="flex flex-col items-center w-full">
+    <h1 class="uppercase pb-5 text-2xl">   <v-icon class="mr-2">mdi-file-edit-outline</v-icon> Informations de votre page</h1>
+
+    <div class="border rounded-2xl w-full max-w-[800px]">
+      <div class="py-5 uppercase ml-4">Bannière et image de profil</div>
+      <div class="flex flex-col w-full">    
+       
+        <button class="flex justify-end h-10 align-center bg-fuchsia-800 text-white px-5">
+          <v-icon>mdi-eyedropper-variant</v-icon>
+        </button>
+
+        <button >
+          <img
+              src="/images/hutopymedia/banners/tutorialbanner.png"
+              class="w-full transition duration-200 ease-in-out transform hover:brightness-125"
+              alt="Tutorial Banner"
+          >
+        </button>
+
+
+        <button class="flex justify-end h-10 align-center bg-fuchsia-600 text-white px-5">
+          <v-icon>mdi-eyedropper-variant</v-icon>
+        </button>
+
+        <button class="flex justify-center my-5">
+          <img
+              class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
+              src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png"
+              alt="Profile Image"
+          >
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-circle-outline</v-icon></span>
+          <span class="flex-auto text-left pr-6">Couleur du contour de la photo de profil.</span>
+          <span class="flex-none">
+        <v-icon>mdi-eyedropper-variant</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
+          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-menu</v-icon></span>
+          <span class="flex-auto text-left pr-6">couleur des entêtes de menus</span>
+          <span class="flex-none">
+           <v-icon>mdi-eyedropper-variant</v-icon>
+          </span>
+        </button>    
+      </div>
+    </div>
+
+    <!-- Réseaux sociaux -->
+    <div class="mt-10 border rounded-2xl w-full max-w-[800px]">
+      <div class="py-5 uppercase ml-4">Réseaux Sociaux</div>
+      <div class="flex flex-col w-full">
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
+          <span class="flex-auto text-left pr-6">Facebook</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
+          <span class="flex-auto text-left pr-6">Instagram</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/xblack.png" class="w-5 h-5" ></span>
+          <span class="flex-auto text-left pr-6">X</span>
+          <span class="flex-none">          
+                        <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
+          <span class="flex-auto text-left pr-6">LinkedIn</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/tiktokblack.png" class="w-5 h-5" ></span>
+          <span class="flex-auto text-left pr-6">TikTok</span>
+          <span class="flex-none">          
+                        <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
+          <span class="flex-auto text-left pr-6">Youtube</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
+          <span class="flex-auto text-left pr-6">Reddit</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
+          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
+          <span class="flex-auto text-left pr-6">Site web personnel</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+        
+        
+      </div>
+    </div>
+  </div>
+
+
+
+</template>
+
+
+
+<script setup>
+
+</script>
+
+<style>
+.HoverBtn:hover {
+  @apply bg-[#A6147D] text-white;
+  @apply hover:opacity-90; /* Réduire l'opacité au survol */
+}
+
+.HoverBtnpicture:hover {
+  @apply bg-[#A6147D] text-white;
+  @apply hover:opacity-90; /* Réduire l'opacité au survol */
+}
+
+.custom-border {
+  border: 3px solid #A6147D;
+}
+
+</style>
+
+
diff --git a/src/views/Account/PersonnalInfo.vue b/src/views/Account/PersonnalInfo.vue
new file mode 100644
index 0000000..6fb8dc4
--- /dev/null
+++ b/src/views/Account/PersonnalInfo.vue
@@ -0,0 +1,114 @@
+<template>
+  <div class="flex flex-col items-center w-full">
+    <h1 class="uppercase pb-5 text-2xl">  <v-icon class="mr-2">mdi-information</v-icon> Informations personnelles</h1>
+
+    <div class="border rounded-2xl w-full max-w-[800px]">
+      <div class="py-5 uppercase ml-4">Information de base</div>
+
+      <div class="flex flex-col w-full">
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="min-w-32 text-left">Photo de profil</span>
+          <span class="flex-auto pr-6 text-left">Une photo de profil aide à personnaliser votre compte</span>
+          <span class="flex-none">
+            <img
+                :src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
+                alt="Profile Image"
+                class="ml-2 rounded-full"
+                style="width: 48px; height: 48px;">
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="pa-2 min-w-32 text-left">Nom</span>
+          <span class="flex-auto text-left pr-6">Pascal Marchesseault</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="flex-none pa-2 min-w-32 text-left">Anniversaire</span>
+          <span class="flex-auto text-left pr-6">27 octobre 1988</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
+          <span class="flex-none pa-2 min-w-32 text-left">Genre</span>
+          <span class="flex-auto text-left pr-6">Homme</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Phone & email -->
+  <div class="flex flex-col items-center mt-10 w-full">
+    <div class="border rounded-2xl w-full max-w-[800px]">
+      <div class="py-5 uppercase ml-4">Coordonnées</div>
+
+      <div class="flex flex-col w-full">
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="min-w-32 text-left">Courriel</span>
+          <span class="flex-auto pr-6 text-left">marchesseault_pascal@hotmail.com</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
+          <span class="pa-2 min-w-32 text-left">Téléphone</span>
+          <span class="flex-auto text-left pr-6">(581) 999-7540</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Address -->
+  <div class="flex flex-col items-center mt-10 w-full">
+    <div class="border rounded-2xl w-full max-w-[800px]">
+      <div class="py-5 uppercase ml-4">Adresses</div>
+
+      <div class="flex flex-col w-full">
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="min-w-32 text-left">Domicile</span>
+          <span class="flex-auto pr-6 text-left">2127 Rue De Casson, Trois-Rivières, Qc</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
+          <span class="pa-2 min-w-32 text-left">Travail</span>
+          <span class="flex-auto pr-6 text-left">2127 Rue De Casson, Trois-Rivières, Qc</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+
+
+<script setup>
+
+</script>
+
+<style>
+.HoverBtn:hover {
+  @apply bg-[#A6147D] text-white;
+  @apply hover:opacity-90; /* Réduire l'opacité au survol */
+}
+
+
+</style>
+
+
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 2ad600d..8ebe63c 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -187,4 +187,5 @@ onBeforeUnmount(() => {
   @apply bg-[#903175] text-gray-200;
 }
 
+
 </style>
diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 6fbe234..b45f623 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -1,88 +1,148 @@
 <template>
-  <div class="px-2">
-    <div class="flex flex-col max-w-2xl mx-auto rounded-3xl shadow-2xl mt-2 mb-16">
+  <div class="flex flex-col md:flex-row">
 
-      <h1 class="text-center text-4xl bg-fuchsia-900 p-3 w-full rounded-t-3xl border-b-4 border-b-gray-200 font-sans text-white">
-        Personnaliser votre profil
-      </h1>
-      
-      <ProfileBanner @updateProfilePicture="updateProfilePicture" @updateBannerPicture="updateBannerPicture" :user="currentUser"></ProfileBanner>
-      <CreatorAboutYou :user="currentUser"></CreatorAboutYou>
-      <SocialLinks :user="currentUser" @updateWebsiteIcon="updateWebsiteIcon"></SocialLinks>
-
-      <div class="sticky inset-x-0 bottom-0 flex justify-center px-4 pb-4">
-        <div class="flex space-x-2">
-          <v-btn class="save-btn" @click="saveForm">Enregistrer</v-btn>
-          <router-link :to="`/${currentUser.userName}`">
-            <v-btn class="save-btn">Retour</v-btn>
-          </router-link>
-          
-        </div>
+    <!-- Left Menu -->
+    <div class="w-full md:max-w-xs">
+     
+      <div class="flex justify-center mt-8 md:mt-0 md:justify-start md:pl-4">
+        <h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
       </div>
-
-      <v-snackbar v-model="snackbar" :timeout="1000">
-        Sauvegarde
-
-        <template v-slot:actions>
-          <v-btn color="green" variant="text" @click="snackbar = false">
-            Fermer
+    
+      <div class="relative flex items-center">
+        <!-- Navigation buttons for small screens -->
+        <button @click="scrollLeftFunc" class="rounded p-1 absolute left-2 z-10 md:hidden text-white bg-fuchsia-800">
+          <v-icon>mdi-chevron-left-box</v-icon>
+        </button>
+        <div
+            ref="scrollContainer"
+            class="flex md:flex-col space-x-2 space-y-0 md:space-x-0 md:space-y-2 p-4 items-center md:items-start overflow-x-hidden md:overflow-x-visible mx-2 md:mx-0 custom-scroll min-w-[400px]">
+          <v-btn variant="text"  @click="currentComponent = 'ManageAccount'">
+            <v-icon class="mr-2">mdi-account</v-icon>
+            Gestion de Comptes
           </v-btn>
-        </template>
-      </v-snackbar>
-      
+          <v-btn variant="text"  @click="currentComponent = 'PersonnalInfo'">
+            <v-icon class="mr-2">mdi-information</v-icon>
+            Informations personnelles
+          </v-btn>
+          <v-btn variant="text"  @click="currentComponent = 'PageInformations'">
+            <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
+            Informations de votre page
+          </v-btn>
+          <v-btn variant="text"  @click="currentComponent = 'AccountSecurity'">
+            <v-icon class="mr-2">mdi-security</v-icon>
+            Sécurité
+          </v-btn>
+        </div>
+        <button @click="scrollRightFunc" class="rounded p-1 absolute right-2 z-10 md:hidden text-white bg-fuchsia-800">
+          <v-icon>mdi-chevron-right-box</v-icon>
+        </button>
+      </div>
+    </div>
+
+    <!-- Mid Content -->
+    <div class="flex flex-col flex-1 align-center py-12 p-3">
+      <template v-if="currentComponent === 'ManageAccount'">
+        <ManageAccount />
+      </template>
+      <template v-else-if="currentComponent === 'PageInformations'">
+        <PageInformations />
+      </template>
+      <template v-else-if="currentComponent === 'PersonnalInfo'">
+        <PersonnalInfo />
+      </template>
+      <template v-else-if="currentComponent === 'AccountSecurity'">
+        <AccountSecurity />
+      </template>
     </div>
   </div>
+
+  <SizeIndicator></SizeIndicator>
 </template>
 
-<script async setup>
-import CreatorAboutYou from "@/views/creators/CreatorAboutYou.vue";
-import SocialLinks from "@/views/main/SocialLinks.vue";
-import ProfileBanner from "@/views/main/ProfileBanner.vue";
-import {onBeforeMount, ref} from "vue";
-import {useUserStore} from "@/stores/user.js";
-import MyUserModel from "@/models/myUserModel.js";
-import {useClient} from "@/plugins/api.js";
+
+<script setup>
+import { ref, onBeforeMount, onMounted } from "vue";
+import { useUserStore } from "@/stores/user.js";
+import { useClient } from "@/plugins/api.js";
+import SizeIndicator from "@/views/tools/SizeIndicator.vue";
+import ManageAccount from "@/views/Account/ManageAccount.vue";
+import PageInformations from "@/views/Account/PageInformations.vue";
+import PersonnalInfo from "@/views/Account/PersonnalInfo.vue";
+import AccountSecurity from "@/views/Account/AccountSecurity.vue";
 
 const userStore = useUserStore();
 const client = useClient();
 
-const currentUser = ref(MyUserModel);
+const currentUser = ref(null);
 const snackbar = ref(false);
+const currentComponent = ref('ManageAccount'); // Default component
+const isDown = ref(false);
+const startX = ref(0);
+const scrollLeft = ref(0);
 
-onBeforeMount( () => {
+onBeforeMount(() => {
   try {
     currentUser.value = userStore.getCurrentUser();
-  } catch(error) {
+  } catch (error) {
     console.log("User not logged")
   }
-})
+});
 
-const profilePicture = ref(null);
-const bannerPicture = ref(null);
-const websiteIcon = ref(null);
+onMounted(() => {
+  const slider = document.querySelector('.custom-scroll');
+  slider.addEventListener('mousedown', (e) => {
+    isDown.value = true;
+    slider.classList.add('active');
+    startX.value = e.pageX - slider.offsetLeft;
+    scrollLeft.value = slider.scrollLeft;
+  });
 
-const updateProfilePicture = (file) => {
-  profilePicture.value = file;
+  slider.addEventListener('mouseleave', () => {
+    isDown.value = false;
+    slider.classList.remove('active');
+  });
+
+  slider.addEventListener('mouseup', () => {
+    isDown.value = false;
+    slider.classList.remove('active');
+  });
+
+  slider.addEventListener('mousemove', (e) => {
+    if (!isDown.value) return;
+    e.preventDefault();
+    const x = e.pageX - slider.offsetLeft;
+    const walk = (x - startX.value) * 3; // scroll-fast
+    slider.scrollLeft = scrollLeft.value - walk;
+  });
+});
+
+const scrollLeftFunc = () => {
+  const container = document.querySelector('.custom-scroll');
+  container.scrollBy({left: -100, behavior: 'smooth'});
 };
 
-const updateBannerPicture = (file) => {
-  bannerPicture.value = file;
+const scrollRightFunc = () => {
+  const container = document.querySelector('.custom-scroll');
+  container.scrollBy({left: 100, behavior: 'smooth'});
 };
-
-const updateWebsiteIcon = (file) => {
-  websiteIcon.value = file;
-};
-
-async function saveForm(){
-  snackbar.value = true;
-  await userStore.updateCurrentUser(client, currentUser.value, profilePicture.value, bannerPicture.value, websiteIcon.value);
-}
-
 </script>
 
-
 <style scoped>
 .save-btn {
   z-index: 10;
 }
+
+.custom-scroll {
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+  scrollbar-width: none; /* Firefox */
+}
+
+.custom-scroll::-webkit-scrollbar {
+  display: none; /* Safari and Chrome */
+}
+
+.active {
+  cursor: grabbing;
+  cursor: -webkit-grabbing;
+}
 </style>

From 81d2ae4fdac5c74504eb7d2555a85d81e4a79da6 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 26 Jul 2024 12:21:21 -0400
Subject: [PATCH 018/109] I added the modal files and connected them to their
 buttons. I need to complete every modal file.

---
 src/views/Account/AccountSecurity.vue         | 55 -----------
 src/views/Profile/AccountSecurity.vue         | 93 +++++++++++++++++++
 .../Dialogs/AccountSecurity/ModalPassword.vue | 11 +++
 .../ModalRecoveryByEmailInfo.vue              | 11 +++
 .../ModalRecoveryByPhoneInfo.vue              | 11 +++
 .../PageInformations/ModalFacebook.vue        | 11 +++
 .../PageInformations/ModalInstagram.vue       | 11 +++
 .../PageInformations/ModalLinkedIn.vue        | 11 +++
 .../Dialogs/PageInformations/ModalReddit.vue  | 11 +++
 .../Dialogs/PageInformations/ModalTikTok.vue  | 11 +++
 .../Dialogs/PageInformations/ModalWebsite.vue | 11 +++
 .../Dialogs/PageInformations/ModalX.vue       | 11 +++
 .../Dialogs/PageInformations/ModalYoutube.vue | 11 +++
 .../Dialogs/PersonnalInfo/AdressesHome.vue    | 11 +++
 .../Dialogs/PersonnalInfo/AdressesWork.vue    | 11 +++
 .../Dialogs/PersonnalInfo/Birthday.vue        | 11 +++
 .../Profile/Dialogs/PersonnalInfo/Email.vue   | 11 +++
 .../Profile/Dialogs/PersonnalInfo/Gender.vue  | 11 +++
 .../Profile/Dialogs/PersonnalInfo/Name.vue    | 11 +++
 .../Profile/Dialogs/PersonnalInfo/Phone.vue   | 11 +++
 .../{Account => Profile}/ManageAccount.vue    |  0
 .../{Account => Profile}/PageInformations.vue | 74 +++++++++++++--
 .../{Account => Profile}/PersonnalInfo.vue    | 82 +++++++++++++---
 src/views/main/Profile.vue                    |  8 +-
 24 files changed, 428 insertions(+), 82 deletions(-)
 delete mode 100644 src/views/Account/AccountSecurity.vue
 create mode 100644 src/views/Profile/AccountSecurity.vue
 create mode 100644 src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue
 create mode 100644 src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue
 create mode 100644 src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ModalX.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
 create mode 100644 src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
 create mode 100644 src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue
 create mode 100644 src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue
 create mode 100644 src/views/Profile/Dialogs/PersonnalInfo/Email.vue
 create mode 100644 src/views/Profile/Dialogs/PersonnalInfo/Gender.vue
 create mode 100644 src/views/Profile/Dialogs/PersonnalInfo/Name.vue
 create mode 100644 src/views/Profile/Dialogs/PersonnalInfo/Phone.vue
 rename src/views/{Account => Profile}/ManageAccount.vue (100%)
 rename src/views/{Account => Profile}/PageInformations.vue (63%)
 rename src/views/{Account => Profile}/PersonnalInfo.vue (53%)

diff --git a/src/views/Account/AccountSecurity.vue b/src/views/Account/AccountSecurity.vue
deleted file mode 100644
index 4233e0b..0000000
--- a/src/views/Account/AccountSecurity.vue
+++ /dev/null
@@ -1,55 +0,0 @@
-<template>
-  <div class="flex flex-col items-center w-full">
-    <h1 class="uppercase pb-5 text-2xl">   <v-icon class="mr-2">mdi-security</v-icon> Sécurité</h1>
-
-    <div class="border rounded-2xl w-full max-w-[800px]">
-      <div class="py-5 uppercase ml-4">Comment vous connecter à Hutopy</div>
-
-      <div class="flex flex-col w-full">    
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-onepassword</v-icon></span>
-          <span class="flex-auto text-left pr-6">Mot de passe</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-email-outline</v-icon></span>
-          <span class="flex-auto text-left pr-6">Adresse e-mail de récupération</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
-          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-cellphone</v-icon></span>
-          <span class="flex-auto text-left pr-6">Numéro de téléphone de récupération</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-
-
-  
-</template>
-
-
-
-<script setup>
-
-</script>
-
-<style>
-.HoverBtn:hover {
-  @apply bg-[#A6147D] text-white;
-  @apply hover:opacity-90; /* Réduire l'opacité au survol */
-}
-
-
-</style>
-
-
diff --git a/src/views/Profile/AccountSecurity.vue b/src/views/Profile/AccountSecurity.vue
new file mode 100644
index 0000000..01ea51b
--- /dev/null
+++ b/src/views/Profile/AccountSecurity.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="flex flex-col items-center w-full">
+    <h1 class="uppercase pb-5 text-2xl">   <v-icon class="mr-2">mdi-security</v-icon> Sécurité</h1>
+
+    <div class="border rounded-2xl w-full max-w-[800px]">
+      <div class="py-5 uppercase ml-4">Comment vous connecter à Hutopy</div>
+
+      <div class="flex flex-col w-full">    
+        <button
+            @click="openModal('ModalPassword')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-onepassword</v-icon></span>
+          <span class="flex-auto text-left pr-6">Mot de passe</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button
+            @click="openModal('ModalRecoveryByEmailInfo')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-email-outline</v-icon></span>
+          <span class="flex-auto text-left pr-6">Adresse e-mail de récupération</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button
+            @click="openModal('ModalRecoveryByPhoneInfo')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
+          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-cellphone</v-icon></span>
+          <span class="flex-auto text-left pr-6">Numéro de téléphone de récupération</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+
+  <!-- Modal -->
+  <v-dialog v-model="dialog" max-width="600px">
+    <v-card>
+      <v-card-title>
+
+        <v-spacer></v-spacer>
+
+      </v-card-title>
+      <v-card-text>
+        <component :is="currentComponent"></component>
+      </v-card-text>
+    </v-card>
+  </v-dialog>
+
+  
+</template>
+
+
+
+<script setup>
+import { ref } from 'vue';
+import ModalPassword from '@/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue';
+import ModalRecoveryByEmailInfo from '@/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue';
+import ModalRecoveryByPhoneInfo from '@/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue';
+
+
+const dialog = ref(false);
+const currentComponent = ref('');
+
+const componentsMap = {
+  ModalPassword,
+  ModalRecoveryByEmailInfo,
+  ModalRecoveryByPhoneInfo,
+
+};
+
+const openModal = (component) => {
+  currentComponent.value = componentsMap[component];
+  dialog.value = true;
+};
+</script>
+
+<style>
+.HoverBtn:hover {
+  @apply bg-[#A6147D] text-white;
+  @apply hover:opacity-90; /* Réduire l'opacité au survol */
+}
+
+
+</style>
+
+
diff --git a/src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue b/src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue
new file mode 100644
index 0000000..f74cc4f
--- /dev/null
+++ b/src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Password
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue b/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue
new file mode 100644
index 0000000..76684fd
--- /dev/null
+++ b/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+  RecoveryByEmail
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue b/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue
new file mode 100644
index 0000000..9d4023b
--- /dev/null
+++ b/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+ RecoveryByPhoneInfo
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue b/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
new file mode 100644
index 0000000..5e657ee
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Facebook
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue b/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
new file mode 100644
index 0000000..1981065
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+  Instagram
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue b/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
new file mode 100644
index 0000000..9b2488a
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+  LinkedIn
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue b/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
new file mode 100644
index 0000000..93dce5a
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Reddit
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue b/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
new file mode 100644
index 0000000..f7e857a
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+TikTok
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue b/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
new file mode 100644
index 0000000..b8d6c8e
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Website
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalX.vue b/src/views/Profile/Dialogs/PageInformations/ModalX.vue
new file mode 100644
index 0000000..dce8fdb
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ModalX.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+ X
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue b/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
new file mode 100644
index 0000000..af36a8a
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Youtube
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue b/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
new file mode 100644
index 0000000..0deb2e7
--- /dev/null
+++ b/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Adresses home
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue b/src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue
new file mode 100644
index 0000000..5493a20
--- /dev/null
+++ b/src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+AdressesWork
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue b/src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue
new file mode 100644
index 0000000..f321f52
--- /dev/null
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Birthday
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Email.vue b/src/views/Profile/Dialogs/PersonnalInfo/Email.vue
new file mode 100644
index 0000000..3199603
--- /dev/null
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Email.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Email
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Gender.vue b/src/views/Profile/Dialogs/PersonnalInfo/Gender.vue
new file mode 100644
index 0000000..b5de4d6
--- /dev/null
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Gender.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+gender
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Name.vue b/src/views/Profile/Dialogs/PersonnalInfo/Name.vue
new file mode 100644
index 0000000..6478b49
--- /dev/null
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Name.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+ Name
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Phone.vue b/src/views/Profile/Dialogs/PersonnalInfo/Phone.vue
new file mode 100644
index 0000000..3fbf851
--- /dev/null
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Phone.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Phone
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Account/ManageAccount.vue b/src/views/Profile/ManageAccount.vue
similarity index 100%
rename from src/views/Account/ManageAccount.vue
rename to src/views/Profile/ManageAccount.vue
diff --git a/src/views/Account/PageInformations.vue b/src/views/Profile/PageInformations.vue
similarity index 63%
rename from src/views/Account/PageInformations.vue
rename to src/views/Profile/PageInformations.vue
index 3b0c5d0..73cfd7d 100644
--- a/src/views/Account/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -53,7 +53,9 @@
     <div class="mt-10 border rounded-2xl w-full max-w-[800px]">
       <div class="py-5 uppercase ml-4">Réseaux Sociaux</div>
       <div class="flex flex-col w-full">
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+        <button
+            @click="openModal('ModalFacebook')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
           <span class="flex-auto text-left pr-6">Facebook</span>
           <span class="flex-none">
@@ -61,7 +63,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+        <button
+            @click="openModal('ModalInstagram')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
           <span class="flex-auto text-left pr-6">Instagram</span>
           <span class="flex-none">
@@ -69,7 +73,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+        <button
+            @click="openModal('ModalX')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/xblack.png" class="w-5 h-5" ></span>
           <span class="flex-auto text-left pr-6">X</span>
           <span class="flex-none">          
@@ -77,7 +83,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+        <button
+            @click="openModal('ModalLinkedIn')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
           <span class="flex-auto text-left pr-6">LinkedIn</span>
           <span class="flex-none">
@@ -85,7 +93,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+        <button
+            @click="openModal('ModalTikTok')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/tiktokblack.png" class="w-5 h-5" ></span>
           <span class="flex-auto text-left pr-6">TikTok</span>
           <span class="flex-none">          
@@ -93,7 +103,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+        <button
+            @click="openModal('ModalYoutube')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
           <span class="flex-auto text-left pr-6">Youtube</span>
           <span class="flex-none">
@@ -101,7 +113,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+        <button
+            @click="openModal('ModalReddit')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
           <span class="flex-auto text-left pr-6">Reddit</span>
           <span class="flex-none">
@@ -109,7 +123,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
+        <button
+            @click="openModal('ModalWebsite')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
           <span class="flex-auto text-left pr-6">Site web personnel</span>
           <span class="flex-none">
@@ -122,13 +138,55 @@
     </div>
   </div>
 
+  <!-- Modal -->
+  <v-dialog v-model="dialog" max-width="600px">
+    <v-card>
+      <v-card-title>
 
+        <v-spacer></v-spacer>
+
+      </v-card-title>
+      <v-card-text>
+        <component :is="currentComponent"></component>
+      </v-card-text>
+    </v-card>
+  </v-dialog>
+  
 
 </template>
 
 
 
 <script setup>
+import { ref } from 'vue';
+import ModalFacebook from '@/views/Profile/Dialogs/PageInformations/ModalFacebook.vue';
+import ModalInstagram from '@/views/Profile/Dialogs/PageInformations/ModalInstagram.vue';
+import ModalLinkedIn from '@/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue';
+import ModalReddit from '@/views/Profile/Dialogs/PageInformations/ModalReddit.vue';
+import ModalTikTok from '@/views/Profile/Dialogs/PageInformations/ModalTikTok.vue';
+import ModalWebsite from '@/views/Profile/Dialogs/PageInformations/ModalWebsite.vue';
+import ModalX from '@/views/Profile/Dialogs/PageInformations/ModalX.vue';
+import ModalYoutube from '@/views/Profile/Dialogs/PageInformations/ModalYoutube.vue';
+
+
+const dialog = ref(false);
+const currentComponent = ref('');
+
+const componentsMap = {
+  ModalFacebook,
+  ModalInstagram,
+  ModalLinkedIn,
+  ModalReddit,
+  ModalTikTok,
+  ModalWebsite,
+  ModalX,
+  ModalYoutube
+};
+
+const openModal = (component) => {
+  currentComponent.value = componentsMap[component];
+  dialog.value = true;
+};
 
 </script>
 
diff --git a/src/views/Account/PersonnalInfo.vue b/src/views/Profile/PersonnalInfo.vue
similarity index 53%
rename from src/views/Account/PersonnalInfo.vue
rename to src/views/Profile/PersonnalInfo.vue
index 6fb8dc4..6e5379b 100644
--- a/src/views/Account/PersonnalInfo.vue
+++ b/src/views/Profile/PersonnalInfo.vue
@@ -1,12 +1,16 @@
 <template>
   <div class="flex flex-col items-center w-full">
-    <h1 class="uppercase pb-5 text-2xl">  <v-icon class="mr-2">mdi-information</v-icon> Informations personnelles</h1>
+    <h1 class="uppercase pb-5 text-2xl">
+      <v-icon class="mr-2">mdi-information</v-icon> Informations personnelles
+    </h1>
 
     <div class="border rounded-2xl w-full max-w-[800px]">
       <div class="py-5 uppercase ml-4">Information de base</div>
 
       <div class="flex flex-col w-full">
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+        <button
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
+            @click="openModal('Name')">
           <span class="min-w-32 text-left">Photo de profil</span>
           <span class="flex-auto pr-6 text-left">Une photo de profil aide à personnaliser votre compte</span>
           <span class="flex-none">
@@ -18,7 +22,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+        <button
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
+            @click="openModal('Name')">
           <span class="pa-2 min-w-32 text-left">Nom</span>
           <span class="flex-auto text-left pr-6">Pascal Marchesseault</span>
           <span class="flex-none">
@@ -26,7 +32,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+        <button
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
+            @click="openModal('Birthday')">
           <span class="flex-none pa-2 min-w-32 text-left">Anniversaire</span>
           <span class="flex-auto text-left pr-6">27 octobre 1988</span>
           <span class="flex-none">
@@ -34,7 +42,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
+        <button
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full"
+            @click="openModal('Gender')">
           <span class="flex-none pa-2 min-w-32 text-left">Genre</span>
           <span class="flex-auto text-left pr-6">Homme</span>
           <span class="flex-none">
@@ -51,7 +61,9 @@
       <div class="py-5 uppercase ml-4">Coordonnées</div>
 
       <div class="flex flex-col w-full">
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+        <button
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
+            @click="openModal('Email')">
           <span class="min-w-32 text-left">Courriel</span>
           <span class="flex-auto pr-6 text-left">marchesseault_pascal@hotmail.com</span>
           <span class="flex-none">
@@ -59,7 +71,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
+        <button
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl"
+            @click="openModal('Phone')">
           <span class="pa-2 min-w-32 text-left">Téléphone</span>
           <span class="flex-auto text-left pr-6">(581) 999-7540</span>
           <span class="flex-none">
@@ -76,7 +90,9 @@
       <div class="py-5 uppercase ml-4">Adresses</div>
 
       <div class="flex flex-col w-full">
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+        <button
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
+            @click="openModal('AdressesHome')">
           <span class="min-w-32 text-left">Domicile</span>
           <span class="flex-auto pr-6 text-left">2127 Rue De Casson, Trois-Rivières, Qc</span>
           <span class="flex-none">
@@ -84,7 +100,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
+        <button
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl"
+            @click="openModal('AdressesWork')">
           <span class="pa-2 min-w-32 text-left">Travail</span>
           <span class="flex-auto pr-6 text-left">2127 Rue De Casson, Trois-Rivières, Qc</span>
           <span class="flex-none">
@@ -94,12 +112,50 @@
       </div>
     </div>
   </div>
+
+  <!-- Modal -->
+  <v-dialog v-model="dialog" max-width="600px">
+    <v-card>
+      <v-card-title>
+      
+        <v-spacer></v-spacer>
+      
+      </v-card-title>
+      <v-card-text>
+        <component :is="currentComponent"></component>
+      </v-card-text>
+    </v-card>
+  </v-dialog>
+
 </template>
 
-
-
 <script setup>
+import { ref } from 'vue';
+import Name from '@/views/Profile/Dialogs/PersonnalInfo/Name.vue';
+import AdressesHome from '@/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue';
+import AdressesWork from '@/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue';
+import Birthday from '@/views/Profile/Dialogs/PersonnalInfo/Birthday.vue';
+import Email from '@/views/Profile/Dialogs/PersonnalInfo/Email.vue';
+import Gender from '@/views/Profile/Dialogs/PersonnalInfo/Gender.vue';
+import Phone from '@/views/Profile/Dialogs/PersonnalInfo/Phone.vue';
 
+const dialog = ref(false);
+const currentComponent = ref('');
+
+const componentsMap = {
+  Name,
+  AdressesHome,
+  AdressesWork,
+  Birthday,
+  Email,
+  Gender,
+  Phone
+};
+
+const openModal = (component) => {
+  currentComponent.value = componentsMap[component];
+  dialog.value = true;
+};
 </script>
 
 <style>
@@ -107,8 +163,4 @@
   @apply bg-[#A6147D] text-white;
   @apply hover:opacity-90; /* Réduire l'opacité au survol */
 }
-
-
 </style>
-
-
diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index b45f623..e86e579 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -65,10 +65,10 @@ import { ref, onBeforeMount, onMounted } from "vue";
 import { useUserStore } from "@/stores/user.js";
 import { useClient } from "@/plugins/api.js";
 import SizeIndicator from "@/views/tools/SizeIndicator.vue";
-import ManageAccount from "@/views/Account/ManageAccount.vue";
-import PageInformations from "@/views/Account/PageInformations.vue";
-import PersonnalInfo from "@/views/Account/PersonnalInfo.vue";
-import AccountSecurity from "@/views/Account/AccountSecurity.vue";
+import ManageAccount from "@/views/Profile/ManageAccount.vue";
+import PageInformations from "@/views/Profile/PageInformations.vue";
+import PersonnalInfo from "@/views/Profile/PersonnalInfo.vue";
+import AccountSecurity from "@/views/Profile/AccountSecurity.vue";
 
 const userStore = useUserStore();
 const client = useClient();

From 705aa50d394579b91dbfc71da1ea601eaecd800b Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 26 Jul 2024 13:20:16 -0400
Subject: [PATCH 019/109] Update Profile - fixe tailwind values

---
 src/views/main/Profile.vue | 103 ++++++++++++++++++++++++-------------
 1 file changed, 67 insertions(+), 36 deletions(-)

diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index e86e579..069ed25 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -1,46 +1,49 @@
 <template>
   <div class="flex flex-col md:flex-row">
-
     <!-- Left Menu -->
-    <div class="w-full md:max-w-xs">
-     
-      <div class="flex justify-center mt-8 md:mt-0 md:justify-start md:pl-4">
-        <h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
-      </div>
-    
-      <div class="relative flex items-center">
-        <!-- Navigation buttons for small screens -->
-        <button @click="scrollLeftFunc" class="rounded p-1 absolute left-2 z-10 md:hidden text-white bg-fuchsia-800">
-          <v-icon>mdi-chevron-left-box</v-icon>
-        </button>
-        <div
-            ref="scrollContainer"
-            class="flex md:flex-col space-x-2 space-y-0 md:space-x-0 md:space-y-2 p-4 items-center md:items-start overflow-x-hidden md:overflow-x-visible mx-2 md:mx-0 custom-scroll min-w-[400px]">
-          <v-btn variant="text"  @click="currentComponent = 'ManageAccount'">
-            <v-icon class="mr-2">mdi-account</v-icon>
-            Gestion de Comptes
-          </v-btn>
-          <v-btn variant="text"  @click="currentComponent = 'PersonnalInfo'">
-            <v-icon class="mr-2">mdi-information</v-icon>
-            Informations personnelles
-          </v-btn>
-          <v-btn variant="text"  @click="currentComponent = 'PageInformations'">
-            <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
-            Informations de votre page
-          </v-btn>
-          <v-btn variant="text"  @click="currentComponent = 'AccountSecurity'">
-            <v-icon class="mr-2">mdi-security</v-icon>
-            Sécurité
-          </v-btn>
+    <div class="bg-[#f4f4f4] z-20 w-full md:max-w-xs fixed md:sticky md:top-0 md:flex md:flex-col top-0">
+      <div class="sticky top-0 z-30 bg-[#f4f4f4]">
+        <div class="flex flex-col items-center md:items-start md:pl-4 mt-16">
+          <h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
+          <div class="relative flex items-center md:mt-0 w-full">
+            <!-- Navigation buttons for small screens -->
+            <button @click="scrollLeftFunc" class="rounded p-1 absolute left-2 z-10 md:hidden text-white bg-fuchsia-800">
+              <v-icon>mdi-chevron-left-box</v-icon>
+            </button>
+            <div
+                ref="scrollContainer"
+                class="flex md:flex-col space-x-2 space-y-0 md:space-x-0 md:space-y-2 p-4 items-center md:items-start overflow-x-scroll md:overflow-x-visible mx-2 md:mx-0 custom-scroll min-w-[400px] px-1"
+                @mousedown="mouseDown"
+                @mouseleave="mouseLeave"
+                @mouseup="mouseUp"
+                @mousemove="mouseMove">
+              <v-btn variant="text" @click="currentComponent = 'ManageAccount'">
+                <v-icon class="mr-2">mdi-account</v-icon>
+                Gestion de Comptes
+              </v-btn>
+              <v-btn variant="text" @click="currentComponent = 'PersonnalInfo'">
+                <v-icon class="mr-2">mdi-information</v-icon>
+                Informations personnelles
+              </v-btn>
+              <v-btn variant="text" @click="currentComponent = 'PageInformations'">
+                <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
+                Informations de votre page
+              </v-btn>
+              <v-btn variant="text" @click="currentComponent = 'AccountSecurity'">
+                <v-icon class="mr-2">mdi-security</v-icon>
+                Sécurité
+              </v-btn>
+            </div>
+            <button @click="scrollRightFunc" class="rounded p-1 absolute right-2 z-10 md:hidden text-white bg-fuchsia-800">
+              <v-icon>mdi-chevron-right-box</v-icon>
+            </button>
+          </div>
         </div>
-        <button @click="scrollRightFunc" class="rounded p-1 absolute right-2 z-10 md:hidden text-white bg-fuchsia-800">
-          <v-icon>mdi-chevron-right-box</v-icon>
-        </button>
       </div>
     </div>
 
     <!-- Mid Content -->
-    <div class="flex flex-col flex-1 align-center py-12 p-3">
+    <div class="flex flex-col flex-1 align-center py-12 p-3 mt-48 md:mt-0">
       <template v-if="currentComponent === 'ManageAccount'">
         <ManageAccount />
       </template>
@@ -59,7 +62,6 @@
   <SizeIndicator></SizeIndicator>
 </template>
 
-
 <script setup>
 import { ref, onBeforeMount, onMounted } from "vue";
 import { useUserStore } from "@/stores/user.js";
@@ -116,6 +118,35 @@ onMounted(() => {
   });
 });
 
+const mouseDown = (e) => {
+  const slider = document.querySelector('.custom-scroll');
+  isDown.value = true;
+  slider.classList.add('active');
+  startX.value = e.pageX - slider.offsetLeft;
+  scrollLeft.value = slider.scrollLeft;
+};
+
+const mouseLeave = () => {
+  isDown.value = false;
+  const slider = document.querySelector('.custom-scroll');
+  slider.classList.remove('active');
+};
+
+const mouseUp = () => {
+  isDown.value = false;
+  const slider = document.querySelector('.custom-scroll');
+  slider.classList.remove('active');
+};
+
+const mouseMove = (e) => {
+  if (!isDown.value) return;
+  e.preventDefault();
+  const slider = document.querySelector('.custom-scroll');
+  const x = e.pageX - slider.offsetLeft;
+  const walk = (x - startX.value) * 3; // scroll-fast
+  slider.scrollLeft = scrollLeft.value - walk;
+};
+
 const scrollLeftFunc = () => {
   const container = document.querySelector('.custom-scroll');
   container.scrollBy({left: -100, behavior: 'smooth'});

From 6b5f8939b01fa24a0ae3ebd6a02d17a9fbf2500c Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 26 Jul 2024 13:25:06 -0400
Subject: [PATCH 020/109] Fixe tailwind values

---
 src/views/main/Profile.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 069ed25..56ba801 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -43,7 +43,7 @@
     </div>
 
     <!-- Mid Content -->
-    <div class="flex flex-col flex-1 align-center py-12 p-3 mt-48 md:mt-0">
+    <div class="flex flex-col flex-1 align-center py-12 p-3 mt-28 md:mt-0">
       <template v-if="currentComponent === 'ManageAccount'">
         <ManageAccount />
       </template>

From 7c381c1644b8735b70411c30be0c193a7944dd13 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 26 Jul 2024 13:35:00 -0400
Subject: [PATCH 021/109] Fixes profile loading page

---
 src/views/main/Profile.vue | 35 ++++++++++++++++++-----------------
 1 file changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 56ba801..009bd03 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -7,7 +7,8 @@
           <h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
           <div class="relative flex items-center md:mt-0 w-full">
             <!-- Navigation buttons for small screens -->
-            <button @click="scrollLeftFunc" class="rounded p-1 absolute left-2 z-10 md:hidden text-white bg-fuchsia-800">
+            <button @click="scrollLeftFunc"
+                    class="rounded p-1 absolute left-2 z-10 md:hidden text-white bg-fuchsia-800">
               <v-icon>mdi-chevron-left-box</v-icon>
             </button>
             <div
@@ -17,24 +18,25 @@
                 @mouseleave="mouseLeave"
                 @mouseup="mouseUp"
                 @mousemove="mouseMove">
-              <v-btn variant="text" @click="currentComponent = 'ManageAccount'">
-                <v-icon class="mr-2">mdi-account</v-icon>
-                Gestion de Comptes
+              <v-btn variant="text" @click="currentComponent = 'PageInformations'">
+                <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
+                Informations de votre page
               </v-btn>
               <v-btn variant="text" @click="currentComponent = 'PersonnalInfo'">
                 <v-icon class="mr-2">mdi-information</v-icon>
                 Informations personnelles
               </v-btn>
-              <v-btn variant="text" @click="currentComponent = 'PageInformations'">
-                <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
-                Informations de votre page
+              <v-btn variant="text" @click="currentComponent = 'ManageAccount'">
+                <v-icon class="mr-2">mdi-account</v-icon>
+                Gestion de Comptes
               </v-btn>
               <v-btn variant="text" @click="currentComponent = 'AccountSecurity'">
                 <v-icon class="mr-2">mdi-security</v-icon>
                 Sécurité
               </v-btn>
             </div>
-            <button @click="scrollRightFunc" class="rounded p-1 absolute right-2 z-10 md:hidden text-white bg-fuchsia-800">
+            <button @click="scrollRightFunc"
+                    class="rounded p-1 absolute right-2 z-10 md:hidden text-white bg-fuchsia-800">
               <v-icon>mdi-chevron-right-box</v-icon>
             </button>
           </div>
@@ -45,16 +47,16 @@
     <!-- Mid Content -->
     <div class="flex flex-col flex-1 align-center py-12 p-3 mt-28 md:mt-0">
       <template v-if="currentComponent === 'ManageAccount'">
-        <ManageAccount />
+        <ManageAccount/>
       </template>
       <template v-else-if="currentComponent === 'PageInformations'">
-        <PageInformations />
+        <PageInformations/>
       </template>
       <template v-else-if="currentComponent === 'PersonnalInfo'">
-        <PersonnalInfo />
+        <PersonnalInfo/>
       </template>
       <template v-else-if="currentComponent === 'AccountSecurity'">
-        <AccountSecurity />
+        <AccountSecurity/>
       </template>
     </div>
   </div>
@@ -63,9 +65,9 @@
 </template>
 
 <script setup>
-import { ref, onBeforeMount, onMounted } from "vue";
-import { useUserStore } from "@/stores/user.js";
-import { useClient } from "@/plugins/api.js";
+import {ref, onBeforeMount, onMounted} from "vue";
+import {useUserStore} from "@/stores/user.js";
+import {useClient} from "@/plugins/api.js";
 import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 import ManageAccount from "@/views/Profile/ManageAccount.vue";
 import PageInformations from "@/views/Profile/PageInformations.vue";
@@ -76,8 +78,7 @@ const userStore = useUserStore();
 const client = useClient();
 
 const currentUser = ref(null);
-const snackbar = ref(false);
-const currentComponent = ref('ManageAccount'); // Default component
+const currentComponent = ref('PageInformations'); // Default component
 const isDown = ref(false);
 const startX = ref(0);
 const scrollLeft = ref(0);

From 5f1b8a1598fa7bac9e8dff13d33ef791f576feed Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 27 Jul 2024 00:01:08 -0400
Subject: [PATCH 022/109] Added Modals for Informations personnelles

---
 .../Dialogs/PersonnalInfo/AdressesHome.vue    | 24 ++++++---
 .../Dialogs/PersonnalInfo/AdressesWork.vue    | 24 ++++++---
 .../Dialogs/PersonnalInfo/Birthday.vue        | 29 ++++++++---
 .../Profile/Dialogs/PersonnalInfo/Email.vue   | 23 ++++++---
 .../Profile/Dialogs/PersonnalInfo/Gender.vue  | 34 ++++++++++---
 .../Profile/Dialogs/PersonnalInfo/Name.vue    | 51 ++++++++++++++++---
 .../Profile/Dialogs/PersonnalInfo/Phone.vue   | 35 ++++++++++---
 src/views/Profile/PersonnalInfo.vue           | 16 +++---
 8 files changed, 184 insertions(+), 52 deletions(-)

diff --git a/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue b/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
index 0deb2e7..cc6eef7 100644
--- a/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
+++ b/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
@@ -1,11 +1,23 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Adresse de votre domicile</div>
 
-</script>
+  <v-text-field
+      variant="outlined"
+      v-model="homeAddress"
+      label="Votre adresse domicile"
+      outlined
+  ></v-text-field>
 
-<template>
-Adresses home
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain">Annuler</v-btn>
+    <v-btn color="#A6147D" >Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
+const homeAddress = ref('');
+</script>
 
-</style>
\ No newline at end of file
+<style scoped>
+</style>
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue b/src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue
index 5493a20..08af31b 100644
--- a/src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue
+++ b/src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue
@@ -1,11 +1,23 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Adresse au travail</div>
 
-</script>
+  <v-text-field
+      variant="outlined"
+      v-model="homeAddress"
+      label="Votre adresse au travail"
+      outlined
+  ></v-text-field>
 
-<template>
-AdressesWork
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain">Annuler</v-btn>
+    <v-btn color="#A6147D" >Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
+const homeAddress = ref('');
+</script>
 
-</style>
\ No newline at end of file
+<style scoped>
+</style>
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue b/src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue
index f321f52..0a771a8 100644
--- a/src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue
@@ -1,11 +1,26 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Date de naissance</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="date"
+      label="AAAA-MM-JJ"
+      outlined
+  ></v-text-field> 
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black" >Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import {ref} from "vue";
+const date = ref('');
+
+
 
 </script>
 
-<template>
-Birthday
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Email.vue b/src/views/Profile/Dialogs/PersonnalInfo/Email.vue
index 3199603..d3e8ef8 100644
--- a/src/views/Profile/Dialogs/PersonnalInfo/Email.vue
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Email.vue
@@ -1,11 +1,22 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Courriel</div>
 
-</script>
+  <v-text-field
+      variant="outlined"
+      v-model="email"
+      label="Votre courriel"
+      outlined
+  ></v-text-field>
 
-<template>
-Email
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D" >Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
+const email = ref('');
+</script>
+
 
-</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Gender.vue b/src/views/Profile/Dialogs/PersonnalInfo/Gender.vue
index b5de4d6..21cbfa4 100644
--- a/src/views/Profile/Dialogs/PersonnalInfo/Gender.vue
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Gender.vue
@@ -1,11 +1,33 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Genre</div>
+
+  <v-radio-group v-model="gender" row>
+    <v-radio label="Homme" value="Homme"></v-radio>
+    <v-radio label="Femme" value="Femme"></v-radio>
+    <v-radio label="Autre" value="Autre"></v-radio>
+  </v-radio-group>
+
+  <v-text-field
+      v-if="gender === 'Autre'"
+      v-model="otherGender"
+      label="Veuillez spécifier"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const gender = ref('');
+const otherGender = ref('');
 
 </script>
 
-<template>
-gender
-</template>
 
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Name.vue b/src/views/Profile/Dialogs/PersonnalInfo/Name.vue
index 6478b49..508274c 100644
--- a/src/views/Profile/Dialogs/PersonnalInfo/Name.vue
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Name.vue
@@ -1,11 +1,50 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Nom</div>
 
-</script>
+  <v-text-field
+      variant="outlined"
+      v-model="name"
+      label="Name"
+      outlined
+  ></v-text-field>
 
-<template>
- Name
+  <v-text-field
+      variant="outlined"
+      v-model="lastName"
+      label="Last Name"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="displayName"
+      label="Display Name as"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black" @click="handleCancel">Annuler</v-btn>
+    <v-btn color="#A6147D" >Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
 
-</style>
\ No newline at end of file
+const name = ref('');
+const lastName = ref('');
+const displayName = ref('');
+
+
+
+const handleCancel = () => {
+  // Logic for canceling the changes
+  name.value = '';
+  lastName.value = '';
+  displayName.value = '';
+  console.log('Cancelled');
+};
+</script>
+
+<style scoped>
+</style>
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Phone.vue b/src/views/Profile/Dialogs/PersonnalInfo/Phone.vue
index 3fbf851..6be00aa 100644
--- a/src/views/Profile/Dialogs/PersonnalInfo/Phone.vue
+++ b/src/views/Profile/Dialogs/PersonnalInfo/Phone.vue
@@ -1,11 +1,32 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Numéro de téléphone</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="cellNumber"
+      label="Numéro de cellulaire"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="workNumber"
+      label="Numéro au travail"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D" >Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const cellNumber = ref('');
+const workNumber = ref('');
 
 </script>
 
-<template>
-Phone
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/PersonnalInfo.vue b/src/views/Profile/PersonnalInfo.vue
index 6e5379b..36f8805 100644
--- a/src/views/Profile/PersonnalInfo.vue
+++ b/src/views/Profile/PersonnalInfo.vue
@@ -11,7 +11,7 @@
         <button
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
             @click="openModal('Name')">
-          <span class="min-w-32 text-left">Photo de profil</span>
+          <span class="min-w-40 text-left">Photo de profil</span>
           <span class="flex-auto pr-6 text-left">Une photo de profil aide à personnaliser votre compte</span>
           <span class="flex-none">
             <img
@@ -25,7 +25,7 @@
         <button
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
             @click="openModal('Name')">
-          <span class="pa-2 min-w-32 text-left">Nom</span>
+          <span class="pa-2 min-w-40 text-left">Nom</span>
           <span class="flex-auto text-left pr-6">Pascal Marchesseault</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
@@ -35,7 +35,7 @@
         <button
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
             @click="openModal('Birthday')">
-          <span class="flex-none pa-2 min-w-32 text-left">Anniversaire</span>
+          <span class="flex-none pa-2 min-w-40 text-left">Date de naissance</span>
           <span class="flex-auto text-left pr-6">27 octobre 1988</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
@@ -45,7 +45,7 @@
         <button
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full"
             @click="openModal('Gender')">
-          <span class="flex-none pa-2 min-w-32 text-left">Genre</span>
+          <span class="flex-none pa-2 min-w-40 text-left">Genre</span>
           <span class="flex-auto text-left pr-6">Homme</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
@@ -64,7 +64,7 @@
         <button
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
             @click="openModal('Email')">
-          <span class="min-w-32 text-left">Courriel</span>
+          <span class="min-w-40 text-left">Courriel</span>
           <span class="flex-auto pr-6 text-left">marchesseault_pascal@hotmail.com</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
@@ -74,7 +74,7 @@
         <button
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl"
             @click="openModal('Phone')">
-          <span class="pa-2 min-w-32 text-left">Téléphone</span>
+          <span class="pa-2 min-w-40 text-left">Téléphone</span>
           <span class="flex-auto text-left pr-6">(581) 999-7540</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
@@ -93,7 +93,7 @@
         <button
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full"
             @click="openModal('AdressesHome')">
-          <span class="min-w-32 text-left">Domicile</span>
+          <span class="min-w-40 text-left">Domicile</span>
           <span class="flex-auto pr-6 text-left">2127 Rue De Casson, Trois-Rivières, Qc</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
@@ -103,7 +103,7 @@
         <button
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl"
             @click="openModal('AdressesWork')">
-          <span class="pa-2 min-w-32 text-left">Travail</span>
+          <span class="pa-2 min-w-40 text-left">Travail</span>
           <span class="flex-auto pr-6 text-left">2127 Rue De Casson, Trois-Rivières, Qc</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>

From af42b0c79b4747bff4f6175a6cb2e70562782051 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 27 Jul 2024 01:16:25 -0400
Subject: [PATCH 023/109] added modals files

---
 src/views/Profile/AccountSecurity.vue         |  4 +-
 .../Dialogs/AccountSecurity/ModalPassword.vue | 47 ++++++++++++++++---
 .../ModalRecoveryByEmailInfo.vue              | 32 ++++++++++---
 .../ModalRecoveryByPhoneInfo.vue              | 32 ++++++++++---
 .../Dialogs/PageInformations/BannerPicker.vue | 11 +++++
 .../Dialogs/PageInformations/ColorBorder.vue  | 11 +++++
 .../PageInformations/ColorBottomBanner.vue    | 11 +++++
 .../Dialogs/PageInformations/ColorMenu.vue    | 11 +++++
 .../PageInformations/ColorTopBanner.vue       | 11 +++++
 .../PageInformations/ModalFacebook.vue        | 27 ++++++++---
 .../PageInformations/ModalInstagram.vue       | 27 ++++++++---
 .../PageInformations/ModalLinkedIn.vue        | 27 ++++++++---
 .../Dialogs/PageInformations/ModalReddit.vue  | 27 ++++++++---
 .../Dialogs/PageInformations/ModalTikTok.vue  | 27 ++++++++---
 .../Dialogs/PageInformations/ModalWebsite.vue | 27 ++++++++---
 .../Dialogs/PageInformations/ModalX.vue       | 27 ++++++++---
 .../Dialogs/PageInformations/ModalYoutube.vue | 27 ++++++++---
 .../PageInformations/ProfilePicturePicker.vue | 11 +++++
 .../Dialogs/PersonnalInfo/AdressesHome.vue    |  4 +-
 src/views/Profile/PageInformations.vue        | 33 ++++++++++---
 20 files changed, 349 insertions(+), 85 deletions(-)
 create mode 100644 src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue

diff --git a/src/views/Profile/AccountSecurity.vue b/src/views/Profile/AccountSecurity.vue
index 01ea51b..8f8cf48 100644
--- a/src/views/Profile/AccountSecurity.vue
+++ b/src/views/Profile/AccountSecurity.vue
@@ -20,7 +20,7 @@
             @click="openModal('ModalRecoveryByEmailInfo')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-email-outline</v-icon></span>
-          <span class="flex-auto text-left pr-6">Adresse e-mail de récupération</span>
+          <span class="flex-auto text-left pr-6">Récupération par E-mail</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -30,7 +30,7 @@
             @click="openModal('ModalRecoveryByPhoneInfo')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-cellphone</v-icon></span>
-          <span class="flex-auto text-left pr-6">Numéro de téléphone de récupération</span>
+          <span class="flex-auto text-left pr-6">Récupération par mobile</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
diff --git a/src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue b/src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue
index f74cc4f..6e9bee1 100644
--- a/src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue
+++ b/src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue
@@ -1,11 +1,44 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Changer le mot de passe</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="currentPassword"
+      label="Mot de passe courant"
+      type="password"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="newPassword"
+      label="Nouveau mot de passe"
+      type="password"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="confirmPassword"
+      label="Confirmer le mot de passe"
+      type="password"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" >Annuler</v-btn>
+    <v-btn color="#A6147D" >Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+const currentPassword = ref('');
+const newPassword = ref('');
+const confirmPassword = ref('');
 
 </script>
 
-<template>
-Password
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue b/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue
index 76684fd..658f0b2 100644
--- a/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue
+++ b/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue
@@ -1,11 +1,31 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Récupération par E-mail</div>
 
-</script>
+  <v-text-field
+      variant="outlined"
+      v-model="currentPassword"
+      label="Mot de passe"
+      type="password"
+      outlined
+  ></v-text-field>
 
-<template>
-  RecoveryByEmail
+  <v-text-field
+      variant="outlined"
+      v-model="newEmail"
+      label="Nouveau E-mail"
+      type="password"
+      outlined
+  ></v-text-field>  
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" >Annuler</v-btn>
+    <v-btn color="#A6147D" >Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
+const currentPassword = ref('');
+const newEmail = ref('');
+</script>
 
-</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue b/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue
index 9d4023b..5759819 100644
--- a/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue
+++ b/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue
@@ -1,11 +1,31 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Récupération par mobile</div>
 
-</script>
+  <v-text-field
+      variant="outlined"
+      v-model="currentPassword"
+      label="Mot de passe"
+      type="password"
+      outlined
+  ></v-text-field>
 
-<template>
- RecoveryByPhoneInfo
+  <v-text-field
+      variant="outlined"
+      v-model="newEmail"
+      label="Nouveau numéro"
+      type="password"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" >Annuler</v-btn>
+    <v-btn color="#A6147D" >Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
+const currentPassword = ref('');
+const newEmail = ref('');
+</script>
 
-</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
new file mode 100644
index 0000000..ae269fe
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Banner Picker
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue b/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
new file mode 100644
index 0000000..d23ba03
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Border Color
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue b/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
new file mode 100644
index 0000000..f21ded9
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+ColorBottomBanner
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue b/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
new file mode 100644
index 0000000..ce37082
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Menu Color
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue b/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
new file mode 100644
index 0000000..de596bd
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Color Top Banner
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue b/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
index 5e657ee..14df41a 100644
--- a/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
@@ -1,11 +1,24 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Lien Facebook</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="facebookLink"
+      label="Votre lien Facebook"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const facebookLink = ref('');
 
 </script>
 
-<template>
-Facebook
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue b/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
index 1981065..6993d25 100644
--- a/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
@@ -1,11 +1,24 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Lien Instagram</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="instagramLink"
+      label="Votre lien Instagram"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const instagramLink = ref('');
 
 </script>
 
-<template>
-  Instagram
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue b/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
index 9b2488a..2286e60 100644
--- a/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
@@ -1,11 +1,24 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Lien LinkedIn</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="linkedInLink"
+      label="Votre lien LinkedIn"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const linkedInLink = ref('');
 
 </script>
 
-<template>
-  LinkedIn
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue b/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
index 93dce5a..e23ccb0 100644
--- a/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
@@ -1,11 +1,24 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Lien Reddit</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="redditLink"
+      label="Votre lien Reddit"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const redditLink = ref('');
 
 </script>
 
-<template>
-Reddit
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue b/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
index f7e857a..2a57004 100644
--- a/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
@@ -1,11 +1,24 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Lien TikTok</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="tiktokLink"
+      label="Votre lien TikTok"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const tiktokLink = ref('');
 
 </script>
 
-<template>
-TikTok
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue b/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
index b8d6c8e..b99e864 100644
--- a/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
@@ -1,11 +1,24 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Page Web personnel</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="websiteLink"
+      label="Lien de votre page web personnel"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const websiteLink = ref('');
 
 </script>
 
-<template>
-Website
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalX.vue b/src/views/Profile/Dialogs/PageInformations/ModalX.vue
index dce8fdb..f86f434 100644
--- a/src/views/Profile/Dialogs/PageInformations/ModalX.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ModalX.vue
@@ -1,11 +1,24 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Lien X</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="xLink"
+      label="Votre lien x"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const xLink = ref('');
 
 </script>
 
-<template>
- X
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue b/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
index af36a8a..dd4492d 100644
--- a/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
@@ -1,11 +1,24 @@
-<script setup>
+<template>
+  <div class="pb-5 text-2xl">Lien Youtube</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="youtubeLink"
+      label="Votre lien Youtube"
+      outlined
+  ></v-text-field>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+const youtubeLink = ref('');
 
 </script>
 
-<template>
-Youtube
-</template>
-
 <style scoped>
-
-</style>
\ No newline at end of file
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue b/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
new file mode 100644
index 0000000..34b10f4
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
@@ -0,0 +1,11 @@
+<script setup>
+
+</script>
+
+<template>
+Profile picture Picker
+</template>
+
+<style scoped>
+
+</style>
\ No newline at end of file
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue b/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
index cc6eef7..bced59c 100644
--- a/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
+++ b/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
@@ -1,10 +1,10 @@
 <template>
-  <div class="pb-5 text-2xl">Adresse de votre domicile</div>
+  <div class="pb-5 text-2xl">Adresse à votre domicile</div>
 
   <v-text-field
       variant="outlined"
       v-model="homeAddress"
-      label="Votre adresse domicile"
+      label="Votre adresse à votre domicile"
       outlined
   ></v-text-field>
 
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 73cfd7d..29017a3 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -6,12 +6,15 @@
       <div class="py-5 uppercase ml-4">Bannière et image de profil</div>
       <div class="flex flex-col w-full">    
        
-        <button class="flex justify-end h-10 align-center bg-fuchsia-800 text-white px-5">
+        <button
+           @click="openModal('ColorTopBanner')"
+            class="flex justify-end h-10 align-center bg-fuchsia-800 text-white px-5 hover:brightness-150">
           <v-icon>mdi-eyedropper-variant</v-icon>
         </button>
 
         <button >
           <img
+              @click="openModal('BannerPicker')"
               src="/images/hutopymedia/banners/tutorialbanner.png"
               class="w-full transition duration-200 ease-in-out transform hover:brightness-125"
               alt="Tutorial Banner"
@@ -19,19 +22,24 @@
         </button>
 
 
-        <button class="flex justify-end h-10 align-center bg-fuchsia-600 text-white px-5">
+        <button
+            @click="openModal('ColorBottomBanner')"
+            class="flex justify-end h-10 align-center bg-fuchsia-600 text-white px-5 hover:brightness-150">
           <v-icon>mdi-eyedropper-variant</v-icon>
         </button>
 
         <button class="flex justify-center my-5">
           <img
+              @click="openModal('ProfilePicturePicker')"
               class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
               src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png"
               alt="Profile Image"
           >
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+        <button 
+            @click="openModal('ColorBorder')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-circle-outline</v-icon></span>
           <span class="flex-auto text-left pr-6">Couleur du contour de la photo de profil.</span>
           <span class="flex-none">
@@ -39,7 +47,9 @@
           </span>
         </button>
 
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
+        <button
+            @click="openModal('ColorMenu')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-menu</v-icon></span>
           <span class="flex-auto text-left pr-6">couleur des entêtes de menus</span>
           <span class="flex-none">
@@ -167,7 +177,12 @@ import ModalTikTok from '@/views/Profile/Dialogs/PageInformations/ModalTikTok.vu
 import ModalWebsite from '@/views/Profile/Dialogs/PageInformations/ModalWebsite.vue';
 import ModalX from '@/views/Profile/Dialogs/PageInformations/ModalX.vue';
 import ModalYoutube from '@/views/Profile/Dialogs/PageInformations/ModalYoutube.vue';
-
+import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
+import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
+import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
+import ProfilePicturePicker from "@/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue";
+import ColorBorder from "@/views/Profile/Dialogs/PageInformations/ColorBorder.vue";
+import ColorMenu from "@/views/Profile/Dialogs/PageInformations/ColorMenu.vue";
 
 const dialog = ref(false);
 const currentComponent = ref('');
@@ -180,7 +195,13 @@ const componentsMap = {
   ModalTikTok,
   ModalWebsite,
   ModalX,
-  ModalYoutube
+  ModalYoutube,
+  BannerPicker,
+  ColorTopBanner,
+  ColorBottomBanner,
+  ProfilePicturePicker,
+  ColorBorder,
+  ColorMenu
 };
 
 const openModal = (component) => {

From 8f9dee1b5f87054b00b712ef83998e52cd07f564 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 27 Jul 2024 01:33:36 -0400
Subject: [PATCH 024/109] Fixes tailwind and add models modifications

---
 .../Dialogs/PageInformations/BannerPicker.vue | 71 ++++++++++++++++---
 .../Dialogs/PageInformations/ColorBorder.vue  | 24 +++++--
 .../PageInformations/ColorBottomBanner.vue    | 27 +++++--
 .../Dialogs/PageInformations/ColorMenu.vue    | 24 +++++--
 .../PageInformations/ColorTopBanner.vue       | 29 ++++++--
 .../PageInformations/ProfilePicturePicker.vue | 64 ++++++++++++++---
 6 files changed, 198 insertions(+), 41 deletions(-)

diff --git a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
index ae269fe..46728ef 100644
--- a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
@@ -1,11 +1,66 @@
-<script setup>
-
-</script>
-
-<template>
-Banner Picker
+<template>
+  <div class="p-4">
+    
+    <h2 class="text-lg font-semibold mb-4">Sélectionne ta bannière</h2>
+    <img
+        @click="openModal('BannerPicker')"
+        src="/images/hutopymedia/banners/tutorialbanner.png"
+        class="w-full transition duration-200 ease-in-out transform hover:brightness-125"
+        alt="Tutorial Banner"
+    >
+   
+    <v-file-input
+        accept="image/*"
+        label="File input"
+    ></v-file-input>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
 
-</style>
\ No newline at end of file
+const bannerUrl = ref(null);
+
+const onFileChange = (event) => {
+  const file = event.target.files[0];
+  if (file && file.type.startsWith('image/')) {
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      bannerUrl.value = e.target.result;
+    };
+    reader.readAsDataURL(file);
+  } else {
+    alert('Veuillez sélectionner une image.');
+  }
+};
+</script>
+
+<style scoped>
+.p-4 {
+  padding: 1rem;
+}
+.mb-4 {
+  margin-bottom: 1rem;
+}
+.mt-4 {
+  margin-top: 1rem;
+}
+.text-lg {
+  font-size: 1.125rem;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.w-full {
+  width: 100%;
+}
+.h-auto {
+  height: auto;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.shadow {
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue b/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
index d23ba03..d7f0929 100644
--- a/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
@@ -1,11 +1,23 @@
-<script setup>
+<template>
+  <div>
+    <h2 class="title text-2xl">Couleur contour</h2>
 
-</script>
+    <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
 
-<template>
-Border Color
+  </div>
+
+  <div class="flex justify-end space-x-4 mt-5">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+</script>
 
-</style>
\ No newline at end of file
+<style scoped>
+.title {
+  text-align: center;
+  margin-bottom: 16px;
+}
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue b/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
index f21ded9..bc15b9e 100644
--- a/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
@@ -1,11 +1,26 @@
-<script setup>
+<template>
+  <div>
+    <h2 class="title text-2xl">Couleur de la bannière inférieur</h2>
 
-</script>
+    <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
 
-<template>
-ColorBottomBanner
+  </div>
+
+  <div class="flex justify-end space-x-4 mt-5">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
 
-</style>
\ No newline at end of file
+const color = ref('#FF0000');
+</script>
+
+<style scoped>
+.title {
+  text-align: center;
+  margin-bottom: 16px;
+}
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue b/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
index ce37082..0399cf3 100644
--- a/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
@@ -1,11 +1,23 @@
-<script setup>
+<template>
+  <div>
+    <h2 class="title text-2xl">Couleur des Menus</h2>
 
-</script>
+    <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
 
-<template>
-Menu Color
+  </div>
+
+  <div class="flex justify-end space-x-4 mt-5">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+</script>
 
-</style>
\ No newline at end of file
+<style scoped>
+.title {
+  text-align: center;
+  margin-bottom: 16px;
+}
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue b/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
index de596bd..20b73c3 100644
--- a/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
@@ -1,11 +1,26 @@
-<script setup>
+<template>
+  <div>
+    <h2 class="title text-2xl">Couleur de la bannière supérieure</h2>
+    
+    <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
+    
+  </div>
 
-</script>
-
-<template>
-Color Top Banner
+  <div class="flex justify-end space-x-4 mt-5">
+    <v-btn variant="plain" color="black">Annuler</v-btn>
+    <v-btn color="#A6147D">Enregistrer</v-btn>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
 
-</style>
\ No newline at end of file
+const color = ref('#FF0000');
+</script>
+
+<style scoped>
+.title {
+  text-align: center;
+  margin-bottom: 16px;
+}
+</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue b/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
index 34b10f4..431d7a9 100644
--- a/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
@@ -1,11 +1,59 @@
-<script setup>
-
-</script>
-
-<template>
-Profile picture Picker
+<template>
+  <div class="p-4">
+    <h2 class="text-lg font-semibold mb-4">Choisir Image de profil</h2>
+    <input type="file" @change="onFileChange" accept="image/*" class="mb-4" />
+    <div v-if="bannerUrl" class="mt-4">
+      <h3 class="text-md font-semibold mb-2">Aperçu de la bannière:</h3>
+      <img :src="bannerUrl" alt="Banner Preview" class="w-full h-auto rounded shadow" />
+    </div>
+  </div>
 </template>
 
-<style scoped>
+<script setup>
+import { ref } from 'vue';
 
-</style>
\ No newline at end of file
+const bannerUrl = ref(null);
+
+const onFileChange = (event) => {
+  const file = event.target.files[0];
+  if (file && file.type.startsWith('image/')) {
+    const reader = new FileReader();
+    reader.onload = (e) => {
+      bannerUrl.value = e.target.result;
+    };
+    reader.readAsDataURL(file);
+  } else {
+    alert('Veuillez sélectionner une image.');
+  }
+};
+</script>
+
+<style scoped>
+.p-4 {
+  padding: 1rem;
+}
+.mb-4 {
+  margin-bottom: 1rem;
+}
+.mt-4 {
+  margin-top: 1rem;
+}
+.text-lg {
+  font-size: 1.125rem;
+}
+.font-semibold {
+  font-weight: 600;
+}
+.w-full {
+  width: 100%;
+}
+.h-auto {
+  height: auto;
+}
+.rounded {
+  border-radius: 0.25rem;
+}
+.shadow {
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+</style>

From 63d8689757f7ff84263e5523a59af3af44a69f89 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 27 Jul 2024 10:10:50 -0400
Subject: [PATCH 025/109] All the modals are created, only the connection
 remains to be done.

---
 .../Dialogs/PageInformations/BannerPicker.vue | 13 ++++++++---
 .../Dialogs/PageInformations/ColorBorder.vue  |  2 +-
 .../PageInformations/ColorBottomBanner.vue    |  2 +-
 .../Dialogs/PageInformations/ColorMenu.vue    |  2 +-
 .../PageInformations/ColorTopBanner.vue       |  2 +-
 .../PageInformations/ProfilePicturePicker.vue | 22 +++++++++++++++++--
 6 files changed, 34 insertions(+), 9 deletions(-)

diff --git a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
index 46728ef..a1628c5 100644
--- a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
@@ -1,18 +1,25 @@
 <template>
   <div class="p-4">
     
-    <h2 class="text-lg font-semibold mb-4">Sélectionne ta bannière</h2>
+    <h2 class="text-2xl font-semibold mb-4 flex justify-center">Sélectionne ta bannière</h2>
+    <div class="mb-5">
     <img
         @click="openModal('BannerPicker')"
         src="/images/hutopymedia/banners/tutorialbanner.png"
-        class="w-full transition duration-200 ease-in-out transform hover:brightness-125"
+        class="w-full transition duration-200 ease-in-out transform"
         alt="Tutorial Banner"
     >
-   
+    </div>
     <v-file-input
+        variant="outlined"
         accept="image/*"
         label="File input"
     ></v-file-input>
+
+    <div class="flex justify-end space-x-4">
+      <v-btn variant="plain" color="black">Annuler</v-btn>
+      <v-btn color="#A6147D">Enregistrer</v-btn>
+    </div>
   </div>
 </template>
 
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue b/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
index d7f0929..ca34005 100644
--- a/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h2 class="title text-2xl">Couleur contour</h2>
+    <h2 class="title font-semibold  text-2xl">Couleur contour</h2>
 
     <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
 
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue b/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
index bc15b9e..fbdaf3d 100644
--- a/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h2 class="title text-2xl">Couleur de la bannière inférieur</h2>
+    <h2 class="title font-semibold  text-2xl">Couleur de la bannière inférieur</h2>
 
     <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
 
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue b/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
index 0399cf3..26041c3 100644
--- a/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h2 class="title text-2xl">Couleur des Menus</h2>
+    <h2 class="title font-semibold  text-2xl">Couleur des Menus</h2>
 
     <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
 
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue b/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
index 20b73c3..d7288c8 100644
--- a/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <h2 class="title text-2xl">Couleur de la bannière supérieure</h2>
+    <h2 class="title font-semibold  text-2xl">Couleur de la bannière supérieure</h2>
     
     <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
     
diff --git a/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue b/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
index 431d7a9..88fcedc 100644
--- a/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
@@ -1,11 +1,29 @@
 <template>
   <div class="p-4">
-    <h2 class="text-lg font-semibold mb-4">Choisir Image de profil</h2>
-    <input type="file" @change="onFileChange" accept="image/*" class="mb-4" />
+    <h2 class="text-2xl font-semibold mb-4 flex justify-center">Choisir Image de profil</h2>
+    <div class="flex justify-center mb-5">
+    <img
+        @click="openModal('ProfilePicturePicker')"
+        class=" custom-border  active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
+        src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png"
+        alt="Profile Image"
+    >
+
+    </div>
+    <v-file-input
+        variant="outlined"
+        accept="image/*"
+        label="File input"
+    ></v-file-input>
     <div v-if="bannerUrl" class="mt-4">
       <h3 class="text-md font-semibold mb-2">Aperçu de la bannière:</h3>
       <img :src="bannerUrl" alt="Banner Preview" class="w-full h-auto rounded shadow" />
     </div>
+
+    <div class="flex justify-end space-x-4">
+      <v-btn variant="plain" color="black">Annuler</v-btn>
+      <v-btn color="#A6147D">Enregistrer</v-btn>
+    </div>
   </div>
 </template>
 

From f2f5e26581b5cfe12358f78799b3882c181b5f03 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 28 Jul 2024 21:02:58 -0400
Subject: [PATCH 026/109] Improve mobile scroll btn.

---
 src/views/main/Profile.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 009bd03..1be129f 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -5,12 +5,14 @@
       <div class="sticky top-0 z-30 bg-[#f4f4f4]">
         <div class="flex flex-col items-center md:items-start md:pl-4 mt-16">
           <h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
+          
           <div class="relative flex items-center md:mt-0 w-full">
             <!-- Navigation buttons for small screens -->
             <button @click="scrollLeftFunc"
-                    class="rounded p-1 absolute left-2 z-10 md:hidden text-white bg-fuchsia-800">
-              <v-icon>mdi-chevron-left-box</v-icon>
+                    class="rounded p-1 absolute left-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl ">
+              <v-icon>mdi-chevron-left</v-icon>
             </button>
+            
             <div
                 ref="scrollContainer"
                 class="flex md:flex-col space-x-2 space-y-0 md:space-x-0 md:space-y-2 p-4 items-center md:items-start overflow-x-scroll md:overflow-x-visible mx-2 md:mx-0 custom-scroll min-w-[400px] px-1"
@@ -36,10 +38,11 @@
               </v-btn>
             </div>
             <button @click="scrollRightFunc"
-                    class="rounded p-1 absolute right-2 z-10 md:hidden text-white bg-fuchsia-800">
-              <v-icon>mdi-chevron-right-box</v-icon>
+                    class="rounded p-1 absolute right-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl">
+              <v-icon>mdi-chevron-right</v-icon>
             </button>
           </div>
+        
         </div>
       </div>
     </div>

From 5ec10787057a16d35b72a3685443326d926cf108 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 28 Jul 2024 21:05:15 -0400
Subject: [PATCH 027/109] Fixe title position when scrolling.

---
 src/views/main/Profile.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 1be129f..5ed0bd8 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -2,7 +2,7 @@
   <div class="flex flex-col md:flex-row">
     <!-- Left Menu -->
     <div class="bg-[#f4f4f4] z-20 w-full md:max-w-xs fixed md:sticky md:top-0 md:flex md:flex-col top-0">
-      <div class="sticky top-0 z-30 bg-[#f4f4f4]">
+      <div class="sticky top-20 z-30 bg-[#f4f4f4]">
         <div class="flex flex-col items-center md:items-start md:pl-4 mt-16">
           <h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
           

From 0d94d79c77b0637ede2538bcd14f083cb5b6ae9b Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Wed, 24 Jul 2024 16:36:48 -0400
Subject: [PATCH 028/109] Remove warnings about 'defineProps', 'defineEmits'
 being compiler macros

---
 src/views/contents/ContentCard.vue      |   8 +-
 src/views/contents/ContentList.vue      |  10 +--
 src/views/contents/CreatePostButton.vue |   2 +-
 src/views/contents/PostContent.vue      |   2 +-
 src/views/creators/CreatorAboutYou.vue  |   3 +-
 src/views/creators/CreatorBanner.vue    |   1 -
 src/views/creators/CreatorCard.vue      |   1 -
 src/views/main/DonationPopup.vue        |  50 +++++------
 src/views/main/ProfileBanner.vue        | 108 ++++++++++++------------
 src/views/main/SocialLinks.vue          |  14 +--
 src/views/messages/Message.vue          |   1 -
 src/views/messages/MessageList.vue      |   2 +-
 src/views/messages/PostMessage.vue      |   8 +-
 13 files changed, 104 insertions(+), 106 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 7bef437..6354d0f 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -41,19 +41,19 @@
 
     </div>
 
-    <div> 
+    <div>
 
       <div>
         <h2 class="font-sans font-semibold">Commentaires</h2>
         <message-list :subject-id="props.content.id" :messages="messages">
         </message-list>
       </div>
-      
+
       <div class="border-t-2 border-gray-300 mt-4 pt-4">
         <post-message :subject-id="props.content.id" @message-posted="addMessage">
         </post-message>
       </div>
-      
+
     </div>
 
   </div>
@@ -62,7 +62,7 @@
 
 <script setup>
 
-import {defineProps, computed, reactive} from 'vue';
+import {computed, reactive} from 'vue';
 import {time_ago} from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index 309559a..55d01f0 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -4,10 +4,10 @@
                      :onLoad="load">
 
     <template v-for="content in contents">
-        <ContentCard :content="content"
-                     class="w-full p-2 my-2"
-        >
-        </ContentCard>
+      <ContentCard :content="content"
+                   class="w-full p-2 my-2"
+      >
+      </ContentCard>
     </template>
 
     <template v-slot:empty>
@@ -27,7 +27,7 @@
 <script setup>
 
 import {useClient} from '@/plugins/api.js';
-import {defineProps, ref} from 'vue';
+import {ref} from 'vue';
 import ContentCard from "./ContentCard.vue";
 
 const props = defineProps({
diff --git a/src/views/contents/CreatePostButton.vue b/src/views/contents/CreatePostButton.vue
index 4be2fd5..7cc96a2 100644
--- a/src/views/contents/CreatePostButton.vue
+++ b/src/views/contents/CreatePostButton.vue
@@ -65,7 +65,7 @@
 
 <script setup>
 import {useClient} from '@/plugins/api.js';
-import {defineProps, ref} from 'vue';
+import {ref} from 'vue';
 import {useUserStore} from '@/stores/user.js';
 
 const props = defineProps({
diff --git a/src/views/contents/PostContent.vue b/src/views/contents/PostContent.vue
index c4fc233..46f15f1 100644
--- a/src/views/contents/PostContent.vue
+++ b/src/views/contents/PostContent.vue
@@ -58,7 +58,7 @@
 // import posts from "@/views/posts/posts.json";
 
 import {useClient} from '@/plugins/api.js';
-import {defineProps, ref} from 'vue';
+import {ref} from 'vue';
 import PostContentMenu from "@/views/contents/PostContentMenu.vue";
 
 const props = defineProps({
diff --git a/src/views/creators/CreatorAboutYou.vue b/src/views/creators/CreatorAboutYou.vue
index 01ad58b..0a0cc1d 100644
--- a/src/views/creators/CreatorAboutYou.vue
+++ b/src/views/creators/CreatorAboutYou.vue
@@ -86,11 +86,10 @@
 </template>
 
 <script setup>
-import { ref, defineProps } from 'vue';
 import MyUserModel from "@/models/myUserModel.js";
 
 const props = defineProps({
-  user: { type: MyUserModel },
+  user: {type: MyUserModel},
 });
 
 const dateRule = value => {
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 2d0fe6e..143eee7 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -82,7 +82,6 @@
 
 <script setup>
 import CreatePostButton from "@/views/contents/CreatePostButton.vue";
-import {defineProps} from "vue";
 import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 import AboutYou from "@/views/creators/CreatorDescriptionBtn.vue";
 
diff --git a/src/views/creators/CreatorCard.vue b/src/views/creators/CreatorCard.vue
index d6e5128..28e9c42 100644
--- a/src/views/creators/CreatorCard.vue
+++ b/src/views/creators/CreatorCard.vue
@@ -8,7 +8,6 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue';
 
 defineProps({
   creator: {
diff --git a/src/views/main/DonationPopup.vue b/src/views/main/DonationPopup.vue
index ff366df..d01d81f 100644
--- a/src/views/main/DonationPopup.vue
+++ b/src/views/main/DonationPopup.vue
@@ -1,33 +1,33 @@
-<template> 
-    <div class="fixed z-50 bottom-6 right-6 flex flex-column">
-      <div
-          v-if="showPopup"
-          ref="popup"
-          class="z-50 shadow-md shadow-gray-500 rounded-2xl"
-      >
-        <div class="bg-fuchsia-900 p-4 rounded-t-2xl font-semibold self-center text-white text-center">
-          Je Soutiens!
-        </div>
-        <div class="bg-gray-100 rounded-b-2xl p-4">
-          <div class="mx-2">
-            <StripePayment :creator-id="creatorId"></StripePayment>
-          </div>
-        </div>
+<template>
+  <div class="fixed z-50 bottom-6 right-6 flex flex-column">
+    <div
+        v-if="showPopup"
+        ref="popup"
+        class="z-50 shadow-md shadow-gray-500 rounded-2xl"
+    >
+      <div class="bg-fuchsia-900 p-4 rounded-t-2xl font-semibold self-center text-white text-center">
+        Je Soutiens!
       </div>
-
-      <div
-          @click="togglePopup"
-          ref="popupButton"
-          class="bg-purple rounded-full w-16 h-16 flex justify-center items-center self-end mt-4 cursor-pointer"
-          style="background: radial-gradient(circle, rgba(163,14,121,1) 50%, rgba(107,0,101,1) 100%); border: 2px solid white;"
-      >
-        <v-icon class="text-2xl">mdi-gift-outline</v-icon>
+      <div class="bg-gray-100 rounded-b-2xl p-4">
+        <div class="mx-2">
+          <StripePayment :creator-id="creatorId"></StripePayment>
+        </div>
       </div>
     </div>
+
+    <div
+        @click="togglePopup"
+        ref="popupButton"
+        class="bg-purple rounded-full w-16 h-16 flex justify-center items-center self-end mt-4 cursor-pointer"
+        style="background: radial-gradient(circle, rgba(163,14,121,1) 50%, rgba(107,0,101,1) 100%); border: 2px solid white;"
+    >
+      <v-icon class="text-2xl">mdi-gift-outline</v-icon>
+    </div>
+  </div>
 </template>
 
 <script setup>
-import {ref, onMounted, onUnmounted, defineProps} from 'vue';
+import {ref, onMounted, onUnmounted} from 'vue';
 import StripePayment from "@/views/StripePayment.vue";
 
 const showPopup = ref(false);
@@ -35,7 +35,7 @@ const popup = ref(null);
 const popupButton = ref(null);
 
 const props = defineProps({
-  creatorId: { type: String, required: true },
+  creatorId: {type: String, required: true},
 });
 
 
diff --git a/src/views/main/ProfileBanner.vue b/src/views/main/ProfileBanner.vue
index 535a0db..4139221 100644
--- a/src/views/main/ProfileBanner.vue
+++ b/src/views/main/ProfileBanner.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div>
-      <div class="px-5 py-2 bg-fuchsia-800 text-white" :style="{ backgroundColor: user.profileColors.menu }" >
+      <div class="px-5 py-2 bg-fuchsia-800 text-white" :style="{ backgroundColor: user.profileColors.menu }">
         <div class="flex justify-center text-2xl">Photo de couverture</div>
       </div>
       <div>
@@ -61,7 +61,7 @@
             ref="profileImageInput"
             accept=".png, .jpeg, .jpg"
             hint="png, jpeg or jpg"
-            v-model="profilePicture" 
+            v-model="profilePicture"
             label="Téléverser une nouvelle photo de profil"
             @change="onProfileFileChange">
         </v-file-input>
@@ -85,85 +85,85 @@
 </template>
 
 <script setup>
-import {ref, defineProps, onMounted} from 'vue';
-  import MyUserModel from "@/models/myUserModel.js";
-  
-  const emit = defineEmits(["updateProfilePicture", "updateBannerPicture"]);
-  const fallbackProfilePictureUrl = '/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png';
-  const fallbackBannerPictureUrl = '/images/usersmedia/HutopyProfile/banners/banner01.png';
+import {ref} from 'vue';
+import MyUserModel from "@/models/myUserModel.js";
 
-  const props = defineProps({
-    user: { type: MyUserModel },
-  });
-  
-  const bannerImageUrl = ref(props.user.storedDataUrls.bannerPictureUrl);
-  const profilePictureUrl = ref(props.user.storedDataUrls.profilePictureUrl);
+const emit = defineEmits(["updateProfilePicture", "updateBannerPicture"]);
+const fallbackProfilePictureUrl = '/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png';
+const fallbackBannerPictureUrl = '/images/usersmedia/HutopyProfile/banners/banner01.png';
 
-  const bannerImage = ref(null);
-  const profilePicture = ref(null);
+const props = defineProps({
+  user: {type: MyUserModel},
+});
 
-  const showColorPicker = ref(false);
-  const selectedColor = ref('#F4F4F4');
-  const colorTarget = ref('');
-  
-  const handleProfileImageError = (event) => {
-    event.target.src = fallbackProfilePictureUrl;
-  }
+const bannerImageUrl = ref(props.user.storedDataUrls.bannerPictureUrl);
+const profilePictureUrl = ref(props.user.storedDataUrls.profilePictureUrl);
 
-  const handleBannerImageError = (event) => {
-    event.target.src = fallbackBannerPictureUrl;
-  }
+const bannerImage = ref(null);
+const profilePicture = ref(null);
 
-  const onBannerFileChange = (event) => {
-    const file = event.target.files[0];
-    if (file) {
-      const reader = new FileReader();
-      reader.onload = (e) => {
+const showColorPicker = ref(false);
+const selectedColor = ref('#F4F4F4');
+const colorTarget = ref('');
+
+const handleProfileImageError = (event) => {
+  event.target.src = fallbackProfilePictureUrl;
+}
+
+const handleBannerImageError = (event) => {
+  event.target.src = fallbackBannerPictureUrl;
+}
+
+const onBannerFileChange = (event) => {
+  const file = event.target.files[0];
+  if (file) {
+    const reader = new FileReader();
+    reader.onload = (e) => {
       bannerImageUrl.value = e.target.result;
     };
     reader.readAsDataURL(file);
     emit('updateBannerPicture', file);
-    }
+  }
 };
 
-  const onProfileFileChange = (event) => {
-    const file = event.target.files[0];
-    if (file) {
-      const reader = new FileReader();
-      reader.onload = (e) => {
+const onProfileFileChange = (event) => {
+  const file = event.target.files[0];
+  if (file) {
+    const reader = new FileReader();
+    reader.onload = (e) => {
       profilePictureUrl.value = e.target.result;
     };
     reader.readAsDataURL(file);
     emit('updateProfilePicture', file);
   }
-    
+
 };
 
-  const openColorPicker = (target) => {
+const openColorPicker = (target) => {
   colorTarget.value = target;
   showColorPicker.value = true;
 };
 
-  const applyColor = () => {
+const applyColor = () => {
   if (colorTarget.value === 'top') {
     props.user.profileColors.bannerTop = selectedColor.value;
   } else if (colorTarget.value === 'bottom') {
-      props.user.profileColors.bannerBottom = selectedColor.value;
+    props.user.profileColors.bannerBottom = selectedColor.value;
   } else if (colorTarget.value === 'accent') {
-      props.user.profileColors.accent = selectedColor.value;
+    props.user.profileColors.accent = selectedColor.value;
   } else if (colorTarget.value === 'menu') {
-      props.user.profileColors.menu = selectedColor.value;
+    props.user.profileColors.menu = selectedColor.value;
   }
-    showColorPicker.value = false;
-  };
+  showColorPicker.value = false;
+};
 
-  /// Simple function to determine if the text should be white or black based on the background color
-  const getTextColor = (bgColor) => {
-    const color = bgColor.replace('#', '');
-    const r = parseInt(color.substr(0, 2), 16);
-    const g = parseInt(color.substr(2, 2), 16);
-    const b = parseInt(color.substr(4, 2), 16);
-    const brightness = (r * 299 + g * 587 + b * 114) / 1000;
-    return brightness > 155 ? '#000' : '#fff';
-  };
+/// Simple function to determine if the text should be white or black based on the background color
+const getTextColor = (bgColor) => {
+  const color = bgColor.replace('#', '');
+  const r = parseInt(color.substr(0, 2), 16);
+  const g = parseInt(color.substr(2, 2), 16);
+  const b = parseInt(color.substr(4, 2), 16);
+  const brightness = (r * 299 + g * 587 + b * 114) / 1000;
+  return brightness > 155 ? '#000' : '#fff';
+};
 </script>
diff --git a/src/views/main/SocialLinks.vue b/src/views/main/SocialLinks.vue
index f61320d..847bb77 100644
--- a/src/views/main/SocialLinks.vue
+++ b/src/views/main/SocialLinks.vue
@@ -5,7 +5,8 @@
       <div class="flex justify-between items-center mb-2">
         <label class="text-lg">Instagram</label>
       </div>
-      <v-text-field v-model="props.user.socialNetworks.instagramUrl" label="Instagram" variant="outlined"></v-text-field>
+      <v-text-field v-model="props.user.socialNetworks.instagramUrl" label="Instagram"
+                    variant="outlined"></v-text-field>
 
       <div class="flex justify-between items-center mb-2">
         <label class="text-lg">TikTok</label>
@@ -30,16 +31,17 @@
       <div class="flex justify-between items-center mb-2">
         <label class="text-lg">Site Web</label>
       </div>
-      <v-text-field v-model="props.user.socialNetworks.yourWebsiteUrl" label="Site Web" variant="outlined"></v-text-field>
+      <v-text-field v-model="props.user.socialNetworks.yourWebsiteUrl" label="Site Web"
+                    variant="outlined"></v-text-field>
 
       <div class="flex flex-col space-y-4">
         <div class="flex items-center mb-2">
           <label class="text-lg mr-4">Icône pour votre site web *svg</label>
-          <v-file-input 
+          <v-file-input
               v-model="iconFile"
               accept=".png, .jpeg, .jpg"
               hint="png, jpeg or jpg"
-              label="Téléverser une icône" 
+              label="Téléverser une icône"
               @change="onFileChange">
           </v-file-input>
         </div>
@@ -52,11 +54,11 @@
 </template>
 
 <script setup>
-import { defineProps, ref } from 'vue';
+import {ref} from 'vue';
 import MyUserModel from "@/models/myUserModel.js";
 
 const props = defineProps({
-  user: { type: MyUserModel },
+  user: {type: MyUserModel},
 });
 
 const emit = defineEmits(["updateWebsiteIcon"]);
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index e5edd93..1589130 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -57,7 +57,6 @@
 
 <script setup>
 
-import {defineProps} from "vue"
 import {time_ago} from "@/internal_time_ago.js";
 
 const props = defineProps({
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index 57ab88e..39f167e 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -37,7 +37,7 @@
 import Message from "@/views/messages/Message.vue";
 
 import {useClient} from '@/plugins/api.js';
-import {defineProps, onBeforeMount, ref} from 'vue';
+import {onBeforeMount, ref} from 'vue';
 
 const props = defineProps({
   subjectId: {
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 35f1940..829acbe 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -5,7 +5,7 @@
     <div class="flex flex-row">
 
       <div class="mx-2 content-center">
-                
+
         <img :src="profileUrl"
              alt="Profile Image"
              class="rounded-full"
@@ -36,7 +36,7 @@
 <script setup>
 
 import {useClient} from '@/plugins/api.js';
-import {defineEmits, defineProps, ref} from 'vue';
+import {ref} from 'vue';
 import {useUserStore} from "@/stores/user.js";
 import {v7} from 'uuid'
 
@@ -64,7 +64,7 @@ const publish = async () => {
           "subjectId": props.subjectId,
           "message": value.value
         })
-    
+
     const currentUser = user.getCurrentUser()
     emit('message-posted',
         {
@@ -77,7 +77,7 @@ const publish = async () => {
           "value": value.value,
           parentId: null,
         })
-    
+
     value.value = ''
   } catch (error) {
     console.error(`post api/message : ${error}`)

From 78ead7e387cb3f901136932dacec8db0597c3f9a Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sat, 3 Aug 2024 04:15:55 -0400
Subject: [PATCH 029/109] Many fix and improvements

---
 package-lock.json                             |  89 ++++++++++
 package.json                                  |   1 +
 .../tiktok-black.png}                         | Bin
 .../tiktok-white.png}                         | Bin
 src/App.vue                                   |  34 +---
 src/eventBus.js                               |   3 -
 src/main.js                                   |   2 -
 src/models/myUserModel.js                     |  48 ------
 src/models/profileColorsModel.js              |  11 --
 src/models/socialNetworksModel.js             |  15 --
 src/models/storedDataUrlsModel.js             |  10 --
 src/plugins/api.js                            |  25 +--
 src/router/index.js                           |  34 ++--
 src/stores/auth.js                            |  67 --------
 src/stores/authStore.js                       |  84 +++++++++
 src/stores/sideBarStore.js                    |  23 +++
 src/stores/user.js                            |  73 --------
 src/stores/userStore.js                       |  77 +++++++++
 src/views/LoginView.vue                       | 149 ++++++++--------
 src/views/Profile/PageInformations.vue        |   2 +-
 src/views/contents/ContentCard.vue            | 127 ++++++++------
 src/views/contents/ContentList.vue            |   1 -
 src/views/contents/CreatePostButton.vue       | 162 ++++++++++--------
 src/views/contents/ImageViewer.vue            |  31 ++++
 src/views/contents/YoutubePlayer.vue          |  26 +++
 src/views/creators/CreatorAboutYou.vue        |   3 +-
 src/views/creators/CreatorBanner.vue          |  23 +--
 src/views/main/CreatorFeed.vue                |  50 ------
 src/views/main/Header.vue                     |  80 ++++-----
 src/views/main/Profile.vue                    |  21 +--
 src/views/main/ProfileBanner.vue              |   3 +-
 src/views/main/SocialLinks.vue                |  87 ----------
 src/views/main/Wallet.vue                     |   8 +-
 src/views/manualusers/GuillaumeAime.vue       |   2 +-
 src/views/messages/Message.vue                |   2 +-
 src/views/messages/MessageList.vue            |   4 +-
 src/views/messages/PostMessage.vue            |  27 +--
 37 files changed, 669 insertions(+), 735 deletions(-)
 rename public/images/{hutopymedia/icons/black/tiktokblack.png => externals/tiktok-black.png} (100%)
 rename public/images/{hutopymedia/icons/white/tiktokwhite.png => externals/tiktok-white.png} (100%)
 delete mode 100644 src/eventBus.js
 delete mode 100644 src/models/myUserModel.js
 delete mode 100644 src/models/profileColorsModel.js
 delete mode 100644 src/models/socialNetworksModel.js
 delete mode 100644 src/models/storedDataUrlsModel.js
 delete mode 100644 src/stores/auth.js
 create mode 100644 src/stores/authStore.js
 create mode 100644 src/stores/sideBarStore.js
 delete mode 100644 src/stores/user.js
 create mode 100644 src/stores/userStore.js
 create mode 100644 src/views/contents/ImageViewer.vue
 create mode 100644 src/views/contents/YoutubePlayer.vue
 delete mode 100644 src/views/main/CreatorFeed.vue
 delete mode 100644 src/views/main/SocialLinks.vue

diff --git a/package-lock.json b/package-lock.json
index 80feb74..c218cd5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@mdi/font": "^7.4.47",
         "@stripe/stripe-js": "^3.0.10",
+        "@vueuse/core": "^10.11.0",
         "@xtiannyeto/vue-auth-social": "^0.1.9",
         "axios": "^1.6.7",
         "pinia": "^2.1.7",
@@ -889,6 +890,11 @@
       "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.7.tgz",
       "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA=="
     },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.20",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
+    },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
@@ -1012,6 +1018,89 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.33.tgz",
       "integrity": "sha512-aoRY0jQk3A/cuvdkodTrM4NMfxco8n55eG4H7ML/CRy7OryHfiqvug4xrCBBMbbN+dvXAetDDwZW9DXWWjBntA=="
     },
+    "node_modules/@vueuse/core": {
+      "version": "10.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.0.tgz",
+      "integrity": "sha512-x3sD4Mkm7PJ+pcq3HX8PLPBadXCAlSDR/waK87dz0gQE+qJnaaFhc/dZVfJz+IUYzTMVGum2QlR7ImiJQN4s6g==",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "10.11.0",
+        "@vueuse/shared": "10.11.0",
+        "vue-demi": ">=0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "10.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.0.tgz",
+      "integrity": "sha512-kQX7l6l8dVWNqlqyN3ePW3KmjCQO3ZMgXuBMddIu83CmucrsBfXlH+JoviYyRBws/yLTQO8g3Pbw+bdIoVm4oQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "10.11.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.0.tgz",
+      "integrity": "sha512-fyNoIXEq3PfX1L3NkNhtVQUSRtqYwJtJg+Bp9rIzculIZWHTkKSysujrOk2J+NrRulLTQH9+3gGSfYLWSEWU1A==",
+      "dependencies": {
+        "vue-demi": ">=0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@xtiannyeto/vue-auth-social": {
       "version": "0.1.9",
       "resolved": "https://registry.npmjs.org/@xtiannyeto/vue-auth-social/-/vue-auth-social-0.1.9.tgz",
diff --git a/package.json b/package.json
index 01ca1b9..319d6d4 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "@mdi/font": "^7.4.47",
     "@stripe/stripe-js": "^3.0.10",
+    "@vueuse/core": "^10.11.0",
     "@xtiannyeto/vue-auth-social": "^0.1.9",
     "axios": "^1.6.7",
     "pinia": "^2.1.7",
diff --git a/public/images/hutopymedia/icons/black/tiktokblack.png b/public/images/externals/tiktok-black.png
similarity index 100%
rename from public/images/hutopymedia/icons/black/tiktokblack.png
rename to public/images/externals/tiktok-black.png
diff --git a/public/images/hutopymedia/icons/white/tiktokwhite.png b/public/images/externals/tiktok-white.png
similarity index 100%
rename from public/images/hutopymedia/icons/white/tiktokwhite.png
rename to public/images/externals/tiktok-white.png
diff --git a/src/App.vue b/src/App.vue
index 84ae9ea..6e8a498 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
-  <v-app v-if="isUserLoaded">
+  <v-app>
     <div class="m-0 flex flex-column h-screen">
-      <Header @toggle-sidebar="toggleSidebar" class="fixed w-full z-50 top-0 p-2"></Header>
+      <Header class="fixed w-full z-50 top-0 p-2"></Header>
       <div class="flex flex-row relative">
         <div
             @mouseenter="openSidebar"
@@ -10,7 +10,7 @@
         ></div>
 
         <transition name="slide-fade">
-          <div v-show="!hideSideBar"
+          <div v-show="sideBarStore.visible"
                @mouseleave="startCloseSidebarTimer"
                @mouseenter="clearCloseSidebarTimer"
                class=" fixed h-full min-w-60 border-r-2 bg-white  z-30 transition-transform duration-700">
@@ -31,38 +31,24 @@
 import Header from "@/views/main/Header.vue";
 import Footer from "@/views/main/Footer.vue";
 import SideBar from "@/views/main/SideBar.vue";
-import {ref, onMounted, onUnmounted, onBeforeMount} from 'vue';
-import {eventBus} from '@/eventBus.js';
-import {useUserStore} from "@/stores/user.js";
-import {useClient} from "@/plugins/api.js";
+import {ref, onMounted, onUnmounted} from 'vue';
+import {useSideBarStore} from "@/stores/sideBarStore.js";
 
-const hideSideBar = ref(true);
-const isUserLoaded = ref(false);
 const showPopup = ref(false);
 const popup = ref(null);
 const popupButton = ref(null);
 let closeSidebarTimer = null;
 
-let client = useClient();
-let userStore = useUserStore();
-
-onBeforeMount(async () => {
-  await userStore.setCurrentUser(client);
-  isUserLoaded.value = true;
-});
-
-const toggleSidebar = () => {
-  hideSideBar.value = !hideSideBar.value;
-};
+const sideBarStore = useSideBarStore()
 
 const openSidebar = () => {
   clearCloseSidebarTimer();
-  hideSideBar.value = false;
+  sideBarStore.show()
 };
 
 const startCloseSidebarTimer = () => {
   closeSidebarTimer = setTimeout(() => {
-    hideSideBar.value = true;
+    sideBarStore.hide()
   }, 500);
 };
 
@@ -83,18 +69,16 @@ const handleClickOutside = (event) => {
       !event.target.closest('.w-48') &&
       !event.target.closest('.v-app-bar-nav-icon')
   ) {
-    hideSideBar.value = true;
+    sideBarStore.hide()
   }
 };
 
 onMounted(() => {
   document.addEventListener('click', handleClickOutside);
-  eventBus.value.toggleSidebar = toggleSidebar;
 });
 
 onUnmounted(() => {
   document.removeEventListener('click', handleClickOutside);
-  eventBus.value.toggleSidebar = null;
 });
 </script>
 
diff --git a/src/eventBus.js b/src/eventBus.js
deleted file mode 100644
index 024f9c3..0000000
--- a/src/eventBus.js
+++ /dev/null
@@ -1,3 +0,0 @@
-import { ref } from 'vue';
-
-export const eventBus = ref({});
\ No newline at end of file
diff --git a/src/main.js b/src/main.js
index f2e3024..1dcb80b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,7 +8,6 @@ import 'vuetify/styles'
 import {createVuetify} from 'vuetify'
 import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
-import clientPlugin from './plugins/api.js'
 import vueGoogleOauth from 'vue3-google-login'
 
 const vuetify = createVuetify({
@@ -17,7 +16,6 @@ const vuetify = createVuetify({
 });
 
 createApp(App)
-    .use(clientPlugin)
     .use(createPinia())
     .use(vuetify)
     .use(router)
diff --git a/src/models/myUserModel.js b/src/models/myUserModel.js
deleted file mode 100644
index c8266ff..0000000
--- a/src/models/myUserModel.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import UserTransactionsModel from "@/models/userTransactionsModel.js";
-import SocialNetworksModel from "@/models/socialNetworksModel.js";
-import ProfileColorsModel from "@/models/profileColorsModel.js";
-import StoredDataUrlsModel from "@/models/storedDataUrlsModel.js";
-
-export default class MyUserModel
-{
-    id = "";
-    creatorAlias = "";
-    alias = null;
-    firstName = "";
-    lastName = "";
-    userName = "";
-    occupation = "";
-    email = "";
-    phoneNumber = "";
-    birthDate = "";
-    country = "";
-    city = "";
-    address = "";
-    about = "";
-    description = "";
-    socialNetworks = new SocialNetworksModel();
-    profileColors = new ProfileColorsModel();
-    storedDataUrls = new StoredDataUrlsModel();
-    totalBalance = "";
-    userTransactions = [];
-
-    static createFromApiResult(apiResult){
-        const userModel =  Object.assign(new MyUserModel(), apiResult);
-
-        const notMapperTransaction = Object.freeze(userModel.userTransactions);
-        userModel.userTransactions = [];
-
-        for (const transaction of notMapperTransaction) {
-            userModel.userTransactions.push(UserTransactionsModel.createFromApiResult(transaction))
-        }
-
-        return userModel;
-    }
-    
-    static getDefaultUser(){
-        const defaultUser = new MyUserModel();
-        defaultUser.userName = "Anonyme"
-        
-        return defaultUser;
-    }
-}
\ No newline at end of file
diff --git a/src/models/profileColorsModel.js b/src/models/profileColorsModel.js
deleted file mode 100644
index c8b1d37..0000000
--- a/src/models/profileColorsModel.js
+++ /dev/null
@@ -1,11 +0,0 @@
-export default class ProfileColorsModel
-{
-    bannerTop = "";
-    bannerBottom = "";
-    accent = "";
-    menu = "";
-
-    static createFromApiResult(apiResult){
-        return Object.assign(new ProfileColorsModel(), apiResult)
-    }
-}
\ No newline at end of file
diff --git a/src/models/socialNetworksModel.js b/src/models/socialNetworksModel.js
deleted file mode 100644
index 484078a..0000000
--- a/src/models/socialNetworksModel.js
+++ /dev/null
@@ -1,15 +0,0 @@
-export default class SocialNetworksModel
-{
-    facebookUrl = "";
-    instagramUrl = "";
-    xUrl = "";
-    linkedInUrl = "";
-    tikTokUrl = "";
-    youtubeUrl = "";
-    redditUrl = "";
-    yourWebsiteUrl = "";
-
-    static createFromApiResult(apiResult){
-        return Object.assign(new SocialNetworksModel(), apiResult)
-    }
-}
\ No newline at end of file
diff --git a/src/models/storedDataUrlsModel.js b/src/models/storedDataUrlsModel.js
deleted file mode 100644
index bfed85a..0000000
--- a/src/models/storedDataUrlsModel.js
+++ /dev/null
@@ -1,10 +0,0 @@
-export default class StoredDataUrlsModel
-{
-    bannerPictureUrl = null;
-    profilePictureUrl = null;
-    websiteIconUrl = null;
-
-    static createFromApiResult(apiResult){
-        return Object.assign(new StoredDataUrlsModel(), apiResult)
-    }
-}
\ No newline at end of file
diff --git a/src/plugins/api.js b/src/plugins/api.js
index 41e9469..462ef63 100644
--- a/src/plugins/api.js
+++ b/src/plugins/api.js
@@ -1,9 +1,7 @@
-import axios from "axios";
-import {inject} from "vue";
+import axios from "axios"
+import {useAuthStore} from "@/stores/authStore.js"
 
-const key = Symbol("api");
-
-export default function(app) {
+export function useClient() {
     if (!import.meta.env.VITE_API_URL) throw new Error("VITE_API_URL is not provided")
 
     // You create a .env.development file and a .env file
@@ -13,23 +11,16 @@ export default function(app) {
         timeout: 10000,
     });
 
+    const authStore = useAuthStore()
     const requestInterceptor = (config) => {
-        const token = localStorage.getItem("jwt");
-        if (token) config.headers["Authorization"] = `Bearer ${token}`;
-        return config;
+        if (authStore.isAuthenticated) {
+            config.headers["Authorization"] = `Bearer ${authStore.accessToken}`
+        }
+        return config
     }
 
     api.interceptors.request.use(requestInterceptor);
 
-    // This is a local injection, to use it in your components you can do this:
-    // const api = inject("api")
-    // api.get("/some-endpoint")
-    app.provide(key, api)
-}
-
-export function useClient() {
-    const api = inject(key)
-    if (!api) throw new Error("api is not provided")
     return api;
 }
 
diff --git a/src/router/index.js b/src/router/index.js
index 2ff1d06..5b60b4d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,5 +1,4 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import { useUserStore } from "@/stores/user.js";
 import GuillaumeAime from '@/views/manualusers/GuillaumeAime.vue'
 import About from '@/views/documentation/About.vue'
 import ContentPolicy from '@/views/documentation/ContentPolicy.vue'
@@ -22,6 +21,7 @@ import CreatorList from '../views/creators/CreatorList.vue'
 import CreatorPage from "@/views/creators/CreatorPage.vue";
 import ContentPage from "@/views/contents/ContentPage.vue";
 import PostContent from "@/views/contents/PostContent.vue";
+import {useAuthStore} from "@/stores/authStore.js";
 
 const routes = [
     {
@@ -114,18 +114,6 @@ const routes = [
         component: Join,
         meta: { hideSideBar: true }
     },
-
-    {
-        path: '/paymentcompleted',
-        name: 'PayementCompleted',
-        component: PaymentCompleted
-    },
-    {
-        path: '/profile',
-        name: 'profile',
-        component: Profile,
-        meta: { requiresAuth: true } 
-    },
     {
         path: '/signup',
         name: 'signup',
@@ -136,12 +124,23 @@ const routes = [
         name: 'login',
         component: LoginView
     },
+    {
+        path: '/paymentcompleted',
+        name: 'PayementCompleted',
+        component: PaymentCompleted,
+    },
     {
         path: '/wallet',
         name: 'wallet',
         component: Wallet,
-        meta: { requiresAuth: true } 
-    }
+        meta: { requiresAuth: true }
+    },
+    {
+        path: '/profile',
+        name: 'profile',
+        component: Profile,
+        meta: { requiresAuth: true }
+    },
 ]
 
 const router = createRouter({
@@ -151,11 +150,10 @@ const router = createRouter({
 
 // Navigation gards
 router.beforeEach((to, from, next) => {
-    const authStore = useUserStore();  
+    const authStore = useAuthStore();  
    
-
     if (to.matched.some(record => record.meta.requiresAuth)) {
-        if (!authStore.user.value || !Object.keys(authStore.user.value).length) {              
+        if (!authStore.isAuthenticated) {              
             next('/'); 
         } else {           
             next();  
diff --git a/src/stores/auth.js b/src/stores/auth.js
deleted file mode 100644
index 9973860..0000000
--- a/src/stores/auth.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import { defineStore } from 'pinia';
-
-const baseUrl = '/api';
-
-export const auth = defineStore({
-    id: 'auth',
-
-    state: () => ({
-        user: "",
-        refreshTokenTimeout: 0
-    }),
-
-    actions: {
-        // TODO: Fix login methods
-
-        async login(client, email, password) {
-            const requestBody = {
-                email: email,
-                password: password
-            };
-            const response = await client.post(`${baseUrl}/users/login`, requestBody)
-            this.user = {
-                accessToken: response.data.accessToken,
-                refreshToken: response.data.refreshToken,
-            }
-            localStorage.setItem('jwt', this.user.accessToken);
-
-            this.startRefreshTokenTimer();
-        },
-
-        async loginGoogle(client, accessToken) {
-            const response = await client.post(`${baseUrl}/google/sign-in`, {accessToken: accessToken})
-            this.user = {
-                accessToken: response.data.accessToken,
-                refreshToken: response.data.refreshToken,
-                email: response.data.email
-            }
-            localStorage.setItem('jwt', this.user.accessToken);
-
-            this.startRefreshTokenTimer();
-        },
-
-        logout() {
-            localStorage.setItem('jwt', '');
-            this.user = null;
-
-            this.stopRefreshTokenTimer();
-        },
-
-        async refreshToken(client) {
-            const response = await client.post(`${baseUrl}/users/refresh`);
-            this.user.accessToken = response.accessToken;
-            localStorage.setItem('jwt', this.user.accessToken);
-
-            this.startRefreshTokenTimer();
-        },
-
-        startRefreshTokenTimer() {
-            const timeout = 50 * 1000;
-            this.refreshTokenTimeout = setTimeout(this.refreshToken, timeout);
-        },
-
-        stopRefreshTokenTimer() {
-            clearTimeout(this.refreshTokenTimeout);
-        }
-    }
-});
diff --git a/src/stores/authStore.js b/src/stores/authStore.js
new file mode 100644
index 0000000..11a09d7
--- /dev/null
+++ b/src/stores/authStore.js
@@ -0,0 +1,84 @@
+import {defineStore} from 'pinia';
+import {computed, ref} from "vue";
+import {useRouter} from "vue-router";
+import {useClient} from "@/plugins/api.js";
+import {useSessionStorage} from "@vueuse/core";
+
+export const useAuthStore = defineStore(
+    'auth',
+    () => {
+        const clientApi = useClient()
+        const router = useRouter()
+        const accessToken = useSessionStorage('auth-accessToken', undefined)
+        const refreshToken = useSessionStorage('auth-refreshToken', undefined)
+        const isAuthenticated = computed(() => !!accessToken.value)
+
+        function updateTokens(data) {
+            accessToken.value = data.accessToken
+            refreshToken.value = data.refreshToken
+        }
+
+        function cleanTokens() {
+            updateTokens({
+                accessToken: undefined,
+                refreshToken: undefined,
+            })
+        }
+
+        function logout() {
+            cleanTokens()
+            router.push('/')
+        }
+
+        async function login(email, password) {
+            try {
+                const response = await clientApi.post(
+                    'api/users/login',
+                    {
+                        email: email,
+                        password: password
+                    })
+                updateTokens(response.data)
+                return true
+            } catch (error) {
+                console.error(error)
+                cleanTokens()
+                return false
+            }
+        }
+
+        async function loginGoogle(accessToken) {
+            try {
+                const response = await clientApi.post(
+                    'api/google/sign-in',
+                    {
+                        accessToken: accessToken
+                    })
+                updateTokens(response.data)
+            } catch (error) {
+                console.error(error)
+                cleanTokens()
+            }
+        }
+
+        async function refresh() {
+            try {
+                const response = await clientApi.post(
+                    'api/users/refresh',
+                    {
+                        refreshToken: refreshToken
+                    });
+
+                updateTokens({
+                    accessToken: response.accessToken,
+                    refreshToken: refreshToken
+                })
+            } catch (error) {
+                console.error(error)
+                cleanTokens()
+            }
+        }
+
+        return {accessToken, refreshToken, isAuthenticated, login, loginGoogle, logout}
+    })
+
diff --git a/src/stores/sideBarStore.js b/src/stores/sideBarStore.js
new file mode 100644
index 0000000..02075ed
--- /dev/null
+++ b/src/stores/sideBarStore.js
@@ -0,0 +1,23 @@
+import {computed, ref} from 'vue';
+import {defineStore} from "pinia";
+
+export const useSideBarStore = defineStore(
+    'sideBar',
+    () => {
+        const state = ref(false)
+        const visible = computed(() => state.value)
+
+        function toggle() {
+            state.value = !state.value
+        }
+
+        function show() {
+            state.value = true
+        }
+
+        function hide() {
+            state.value = false
+        }
+
+        return {visible, toggle, show, hide}
+    })
\ No newline at end of file
diff --git a/src/stores/user.js b/src/stores/user.js
deleted file mode 100644
index 303378a..0000000
--- a/src/stores/user.js
+++ /dev/null
@@ -1,73 +0,0 @@
-import { ref } from 'vue'
-import { defineStore } from 'pinia'
-import MyUserModel from "@/models/myUserModel.js";
-
-export const useUserStore = defineStore('user', () => {
-    const user = ref({});
-    const hasChanged = ref(false);
-
-    function getCurrentUser() {
-        return this.user.value;
-    }
-    async function setCurrentUser(client) {
-        try {
-            const myUser = await client.get("/api/GetMyUser");
-            this.user.value = MyUserModel.createFromApiResult(myUser.data);
-            this.hasChanged = false;
-        } catch (e){
-            this.user.value = MyUserModel.getDefaultUser();
-            console.log("User not logged.")
-        }
-    }
-
-    async function updateCurrentUser(client, myUserModel, profilePicture, bannerPicture, websiteIcon) {
-        await client.patch("/api/UpdateMyUser/profile", myUserModel)
-
-        if (typeof myUserModel.storedDataUrls.profilePictureUrl !== "object") {
-            const haveNewProfilePicture = profilePicture !== null && profilePicture.size !== 0;
-            const updateProfilePictureEndpoint = haveNewProfilePicture ? `/api/UpdateMyUser/profile-picture` : `/api/UpdateMyUser/profile-picture?url=${myUserModel.storedDataUrls.profilePictureUrl}`;
-            const response = await client.post(updateProfilePictureEndpoint, profilePicture, {
-                headers: {
-                    'Content-Type': profilePicture?.type ?? "application/octet-stream",
-                }
-            });
-            
-            if (haveNewProfilePicture) {
-                this.user.value.storedDataUrls.profilePictureUrl = response.data;
-            }
-        }
-        if (typeof myUserModel.storedDataUrls.bannerPictureUrl !== "object") {
-            const haveNewBannerPicture = bannerPicture !== null && bannerPicture.size !== 0;
-            
-            const updateBannerPictureEndpoint = haveNewBannerPicture ? `/api/UpdateMyUser/banner-picture` : `/api/UpdateMyUser/banner-picture?url=${myUserModel.storedDataUrls.bannerPictureUrl}`;
-            const response = await client.post(updateBannerPictureEndpoint, bannerPicture, {
-                headers: {
-                    'Content-Type': bannerPicture?.type ?? "octet-stream",
-                }
-            });
-            
-            if (haveNewBannerPicture) {
-                this.user.value.storedDataUrls.bannerPictureUrl = response.data;
-            }
-        }
-        if (typeof myUserModel.storedDataUrls.websiteIconUrl !== "object") {
-            const haveNewWebsiteIcon = websiteIcon !== null && websiteIcon.size !== 0;
-
-            const updateWebsiteIconEndpoint = haveNewWebsiteIcon ? `/api/UpdateMyUser/website-icon` : `/api/UpdateMyUser/website-icon?url=${myUserModel.storedDataUrls.websiteIconUrl}`;
-            const response = await client.post(updateWebsiteIconEndpoint, websiteIcon, {
-                headers: {
-                    'Content-Type': websiteIcon?.type ?? "application/octet-stream",
-                }
-            });
-            
-            if (haveNewWebsiteIcon) {
-                this.user.value.storedDataUrls.websiteIconUrl = response.data;
-            }
-        }
-
-        this.user.value = myUserModel;
-        this.hasChanged = true;
-    }
-
-    return { user, getCurrentUser, setCurrentUser, updateCurrentUser }
-})
diff --git a/src/stores/userStore.js b/src/stores/userStore.js
new file mode 100644
index 0000000..ed038b0
--- /dev/null
+++ b/src/stores/userStore.js
@@ -0,0 +1,77 @@
+import {computed, watch} from 'vue'
+import {defineStore} from 'pinia'
+import {useAuthStore} from "@/stores/authStore.js";
+import {useClient} from "@/plugins/api.js";
+import {useSessionStorage} from "@vueuse/core";
+
+export const useUserStore = defineStore(
+    'user',
+    () => {
+        const authStore = useAuthStore()
+        const authWatcher = watch(
+            () => authStore.isAuthenticated,
+            async (newValue, oldValue) => {
+                if (newValue) {
+                    await fetchCurrentUserProfile()
+                } else {
+                    user.value = undefined
+                    creator.value = undefined
+                }
+            })       
+        
+        const user = useSessionStorage('user-user', {}, {writeDefaults: false})
+        const creator = useSessionStorage('user-creator', {}, {writeDefaults: false})
+
+        const alias = computed(() => {
+            if (user.value) {
+                return user.value.alias || `${user.value.firstName || ''} ${user.value.lastName || ''}`.trim() || 'Anonyme'
+            }
+            return 'Anonyme';
+        })
+        const portraitUrl = computed(() => {
+            return user.value && user.value.portraitUrl
+                ? user.value.portraitUrl
+                : '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'
+        })
+
+        async function fetchCurrentUserProfile() {
+            try {
+                const client = useClient()
+                const userResponse = await client.get("/api/GetMyUser");
+                user.value = userResponse.data
+
+                try {
+                    const creatorId = userResponse.data.id
+                    const creatorResponse = await client.get(`/api/creators/${creatorId}`)
+                    creator.value = creatorResponse.data
+                } catch (error) {
+                    creator.value = undefined
+                }
+            } catch (error) {
+                user.value = undefined;
+            }
+        }
+
+        async function updateCurrentUser(userModel, profilePicture) {
+            const client = useClient()
+            await client.patch("/api/UpdateMyUser/profile", userModel)
+
+            if (typeof userModel.storedDataUrls.profilePictureUrl !== "object") {
+                const haveNewProfilePicture = profilePicture !== null && profilePicture.size !== 0;
+                const updateProfilePictureEndpoint = haveNewProfilePicture ? `/api/UpdateMyUser/profile-picture` : `/api/UpdateMyUser/profile-picture?url=${userModel.storedDataUrls.profilePictureUrl}`;
+                const response = await client.post(updateProfilePictureEndpoint, profilePicture, {
+                    headers: {
+                        'Content-Type': profilePicture?.type ?? "application/octet-stream",
+                    }
+                });
+
+                if (haveNewProfilePicture) {
+                    this.user.value.portraitUrl = response.data;
+                }
+            }
+
+            this.user.value = userModel;
+        }
+
+        return {user, creator, alias, portraitUrl}
+    })
diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 62c973c..8c01bc3 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -2,107 +2,107 @@
   <div class="hidden sm:block" style="height: 40px"></div>
 
   <div>
-  <div class="flex flex-col lg:flex-row items-center justify-center">
-    <div class="max-w-[700px] min-w-[300px]">
-      <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png" alt="hutopy login">
-    </div>
+    <div class="flex flex-col lg:flex-row items-center justify-center">
+      <div class="max-w-[700px] min-w-[300px]">
+        <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png"
+             alt="hutopy login">
+      </div>
 
-    <div class="flex flex-col items-center min-w-[300px] m-12">
-      <h1 class="text-center text-2xl font-bold mb-5">Connexion</h1>
-      
-      <google-login class="w-full" :callback="googleCallback" popup-type="TOKEN">
-        <template #default>
-          <v-btn density="comfortable" class="mb-2 w-full">
-            <v-icon left>mdi-google</v-icon>
-            Google
+      <div class="flex flex-col items-center min-w-[300px] m-12">
+        <h1 class="text-center text-2xl font-bold mb-5">Connexion</h1>
+
+        <google-login class="w-full" :callback="googleCallback" popup-type="TOKEN">
+          <template #default>
+            <v-btn density="comfortable" class="mb-2 w-full">
+              <v-icon left>mdi-google</v-icon>
+              Google
+            </v-btn>
+          </template>
+        </google-login>
+
+        <!--      <v-btn density="comfortable" class="mb-2 w-full">-->
+        <!--        <v-icon left>mdi-facebook</v-icon>-->
+        <!--        Facebook-->
+        <!--      </v-btn>-->
+
+        <div class="w-full h-0.5 mt-4 mb-4" :style="{ backgroundColor: '#A30E79' }"></div>
+
+        <v-btn density="comfortable" class="mb-2 w-full" @click="showEmailForm = !showEmailForm">
+          <v-icon left>mdi-account</v-icon>
+          Utilisateur
+        </v-btn>
+
+        <div v-if="showEmailForm" class="w-full mt-2">
+          <v-text-field v-model="email"
+                        label="Courriel"
+                        variant="outlined"
+                        dense
+                        prepend-inner-icon="mdi-email"
+                        color="transparent"
+                        class="text-black"
+          ></v-text-field>
+
+          <v-text-field v-model="password"
+                        label="Mot de passe"
+                        :type="showPassword ? 'text' : 'password'"
+                        variant="outlined"
+                        dense
+                        prepend-inner-icon="mdi-lock"
+                        append-inner-icon="mdi-eye"
+                        @click:append-inner="showPassword = !showPassword"
+                        color="transparent"
+                        class="text-black"
+          ></v-text-field>
+
+          <v-btn class="w-full text-center text-white" :style="{ backgroundColor: '#A30E79' }" @click="login">
+            Connecter
           </v-btn>
-        </template>
-      </google-login>
 
-<!--      <v-btn density="comfortable" class="mb-2 w-full">-->
-<!--        <v-icon left>mdi-facebook</v-icon>-->
-<!--        Facebook-->
-<!--      </v-btn>-->           
-  
-      <div class="w-full h-0.5 mt-4 mb-4" :style="{ backgroundColor: '#A30E79' }"></div>
+          <p class="mt-4 text-sm text-center">
+            Si vous n'avez pas de compte, <a href="/register" class="text-blue-500">cliquez ici</a> pour en créer un.
+          </p>
 
-      <v-btn density="comfortable" class="mb-2 w-full" @click="showEmailForm = !showEmailForm">
-        <v-icon left>mdi-account</v-icon>
-        Utilisateur
-      </v-btn>
-
-      <div v-if="showEmailForm" class="w-full mt-2">
-        <v-text-field v-model="user.email"
-            label="Courriel"
-            variant="outlined"
-            dense
-            prepend-inner-icon="mdi-email"
-            color="transparent"
-            class="text-black"
-        ></v-text-field>
-
-        <v-text-field v-model="user.password"
-            label="Mot de passe"
-            :type="showPassword ? 'text' : 'password'"
-            variant="outlined"
-            dense
-            prepend-inner-icon="mdi-lock"
-            append-inner-icon="mdi-eye"
-            @click:append-inner="showPassword = !showPassword"
-            color="transparent"
-            class="text-black"
-        ></v-text-field>
-
-        <v-btn class="w-full text-center text-white" :style="{ backgroundColor: '#A30E79' }" @click="login">Connecter</v-btn>
-
-        <p class="mt-4 text-sm text-center">
-          Si vous n'avez pas de compte, <a href="/register" class="text-blue-500">cliquez ici</a> pour en créer un.
-        </p>
-
-        <div v-if="errorSnackBar" class="mb-4 text-red-600">
-          Nom d'utilisateur ou mot de passe invalide.
-          <button class="text-red-600 ml-4" @click="errorSnackBar = false">Fermer</button>
+          <div v-if="errorSnackBar" class="mb-4 text-red-600">
+            Nom d'utilisateur ou mot de passe invalide.
+            <button class="text-red-600 ml-4" @click="errorSnackBar = false">Fermer</button>
+          </div>
         </div>
       </div>
     </div>
   </div>
-  </div>
- 
+
 
   <selected-footer></selected-footer>
-  
+
 </template>
 
 <script setup>
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-import { useClient } from "@/plugins/api.js";
-import { auth } from '@/stores/auth.js';
-import { GoogleLogin } from "vue3-google-login";
+import {ref} from 'vue';
+import {useRouter} from 'vue-router';
+import {useAuthStore} from '@/stores/authStore.js';
+import {GoogleLogin} from "vue3-google-login";
 // import { FacebookAuth } from '@xtiannyeto/vue-auth-social';
 import SelectedFooter from "@/views/main/SelectedFooter.vue";
 
-const api = useClient();
-const store = auth();
+const authStore = useAuthStore();
 const router = useRouter();
 
-const user = ref({});
+const email = ref("");
+const password = ref("");
+
 const errorSnackBar = ref(false);
 const showEmailForm = ref(false);
 const showPassword = ref(false);
 
 async function login() {
-  try {
-    await store.login(api, user.value.email, user.value.password);
-    await router.push('/');
-    window.location.reload();
-  } catch (error) {
-    errorSnackBar.value = true;
+  const result = await authStore.login(email.value, password.value);
+  if (result === true) {
+    await router.push('/')
   }
 }
 
 const googleCallback = async (response) => {
-  await store.loginGoogle(api, response["access_token"]);
+  await authStore.loginGoogle(response["access_token"]);
   await router.push("/");
 };
 
@@ -110,4 +110,5 @@ const googleCallback = async (response) => {
 // const facebookCallback = (response) => {
 //   console.log("User Successfully Logged In", response);
 // };
+
 </script>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 29017a3..fd21018 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -106,7 +106,7 @@
         <button
             @click="openModal('ModalTikTok')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
-          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/tiktokblack.png" class="w-5 h-5" ></span>
+          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/externals/tiktok-black.png" class="w-5 h-5" ></span>
           <span class="flex-auto text-left pr-6">TikTok</span>
           <span class="flex-none">          
                         <v-icon>mdi-chevron-right</v-icon>
diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 6354d0f..f3d28ca 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,45 +1,86 @@
-<template>
+<script setup>
 
+import {computed, reactive, onMounted} from 'vue';
+import {time_ago} from "@/internal_time_ago.js";
+import MessageList from "@/views/messages/MessageList.vue";
+import PostMessage from "@/views/messages/PostMessage.vue";
+
+import YoutubePlayer from './YoutubePlayer.vue';
+import ImageViewer from './ImageViewer.vue';
+// import VimeoPlayer from '@/components/VimeoPlayer.vue';
+// import AudioPlayer from '@/components/AudioPlayer.vue';
+// import BlogViewer from '@/components/BlogViewer.vue';
+
+const props = defineProps({
+  content: {
+    type: Object,
+    required: true,
+  }
+});
+
+const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
+
+
+const messages = reactive([]);
+
+function addMessage(newMessage) {
+  messages.unshift(newMessage)
+}
+
+function getComponent(url) {
+  if (url.includes('youtube.com') || url.includes('youtu.be')) {
+    return YoutubePlayer;
+    // } else if (url.includes('vimeo.com')) {
+    //   return VimeoPlayer;
+  } else if (url.match(/\.(jpeg|jpg|gif|png)$/)) {
+    return ImageViewer;
+    // } else if (url.match(/\.(mp3|wav|ogg)$/)) {
+    //   return 'AudioPlayer';
+    // } else {
+    //   return 'BlogViewer';
+  }
+}
+
+</script>
+
+<template>
   <div class="shadow-md rounded-lg bg-gray-50">
 
-    <div class="text-lg font-bold">
-      {{ props.content.title }}
-      <span class="text-md-caption">
-      {{ time_ago(props.content.createdAt) }}
+    <v-card
+        outlined
+        tile
+    >
+      <v-card-title>
+        {{ props.content.title }}
+        <span class="text-subtitle-2">
+          {{ time_ago(props.content.createdAt) }}
         </span>
-    </div>
+      </v-card-title>
 
-    <div v-if="props.content.url !== null || props.content.uri !== null"
-         class="h-48 object-cover bg-gray-300 rounded-md">
+      <v-carousel v-if="hasUrls">
 
-      <v-img :src="props.content.url"
-             v-if="!isHttpUrl">
-      </v-img>
+        <v-carousel-item
+            v-for="url in props.content.urls"
+            :key="url"
+        >
+          <component :is="getComponent(url)"
+                     :src="url"
+          ></component>
+        </v-carousel-item>
 
-      <iframe v-if="isHttpUrl"
-              :src="props?.content?.uri"
-              title="YouTube video player"
-              allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-              referrerpolicy="strict-origin-when-cross-origin"
-              allowfullscreen>
-      </iframe>
+      </v-carousel>
 
-    </div>
+      <v-card-text>
+        {{ props.content.description }}
+      </v-card-text>
 
-
-    <div class="flex flex-row">
-
-      <div>
-        <div class="text-sm text-gray-500">{{ props.content.description }}</div>
-      </div>
-
-      <div>
-        <router-link :to="'content/' + props?.content?.id">
+      <v-card-actions>
+        <router-link :to="'content/' + content.id">
           <div class="bg-blue-500 rounded-lg py-1 px-2">Plus ...</div>
         </router-link>
-      </div>
+      </v-card-actions>
 
-    </div>
+    </v-card>
 
     <div>
 
@@ -58,28 +99,4 @@
 
   </div>
 
-</template>
-
-<script setup>
-
-import {computed, reactive} from 'vue';
-import {time_ago} from "@/internal_time_ago.js";
-import MessageList from "@/views/messages/MessageList.vue";
-import PostMessage from "@/views/messages/PostMessage.vue";
-
-const isHttpUrl = computed(() => props.content?.uri?.startsWith('http'))
-
-const props = defineProps({
-  content: {
-    type: Object,
-    required: true,
-  }
-});
-
-const messages = reactive([]);
-
-function addMessage(newMessage) {
-  messages.unshift(newMessage)
-}
-
-</script>
\ No newline at end of file
+</template>
\ No newline at end of file
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index 55d01f0..7e94c8c 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -48,7 +48,6 @@ async function load({done}) {
     let uri = `/api/contents/user/${props.creatorId}?page_size=${page_size}`
     if (last_id !== null) uri = uri + `&last_id=${last_id}`
 
-    console.log(`Fetching content at: ${uri}`)
     const response = await client.get(uri)
 
     if (response.status >= 200 && response.status < 300) {
diff --git a/src/views/contents/CreatePostButton.vue b/src/views/contents/CreatePostButton.vue
index 7cc96a2..970673f 100644
--- a/src/views/contents/CreatePostButton.vue
+++ b/src/views/contents/CreatePostButton.vue
@@ -1,72 +1,8 @@
-<template>
-
-  <div v-if="creator.id === userStore.getCurrentUser().id">
-
-    <button
-        class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125 px-4"
-        @click="isDialogActive = true">
-      <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>
-    </button>
-
-    <v-dialog v-model="isDialogActive" max-width="500">
-
-      <v-card class="text-center rounded-xl">
-
-        <v-card-title class="text-white p-4 rounded-t"
-                      :style="{backgroundColor: creator.profileColors.menu || '#A30E79'}">
-          Quicky
-        </v-card-title>
-
-
-        <v-card-text>
-
-          <v-text-field v-model="title"
-                        class="p-2"
-                        label="Titre"
-                        density="comfortable"
-                        variant="outlined"
-                        hide-details
-                        clearable>
-          </v-text-field>
-
-          <v-textarea v-model="message"
-                      label="Écrivez votre message ici..."
-                      class="p-2"
-                      density="comfortable"
-                      variant="outlined"
-                      hide-details
-                      clearable
-                      outlined>
-          </v-textarea>
-
-          <v-file-input v-model="files"
-                        label="Ajoutez des fichiers"
-                        class="p-2"
-                        outlined
-                        multiple
-                        dropzone
-                        placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"
-          ></v-file-input>
-
-        </v-card-text>
-
-        <v-card-actions class="justify-end">
-          <v-btn color="secondary" @click="cancelPost">Annuler</v-btn>
-          <v-btn color="primary" @click="publishPost">Publier</v-btn>
-        </v-card-actions>
-
-      </v-card>
-
-    </v-dialog>
-
-  </div>
-
-</template>
-
-<script setup>
+<script setup>
 import {useClient} from '@/plugins/api.js';
 import {ref} from 'vue';
-import {useUserStore} from '@/stores/user.js';
+import {useUserStore} from '@/stores/userStore.js';
+import {v7} from 'uuid'
 
 const props = defineProps({
   creator: {type: Object, required: true},
@@ -75,22 +11,34 @@ const props = defineProps({
 const userStore = useUserStore();
 
 const isDialogActive = ref(false);
-const title = ref('');
-const message = ref('');
-const files = ref([]);
 
 const client = useClient();
+const title = ref('');
+const message = ref('');
+const files = ref([])
 
-const publishPost = async () => {
+async function publishPost() {
+
+  const formData = new FormData();
+  formData.append('id', v7());
+  formData.append('creatorId', userStore.user.id);
+  formData.append('title', title.value);
+  formData.append('description', message.value);
+  files.value.forEach(file => {
+    formData.append('files', file);
+  });
 
   try {
-    await client.post(
+    const response = await client.post(
         `/api/contents/`,
+        formData,
         {
-          "title": title.value,
-          "description": message.value
+          headers: {
+            'Content-Type': 'multipart/form-data',
+          }
         })
 
+    console.log('Files uploaded successfully:', response.data);
     closeDialog()
   } catch (error) {
     console.error(error)
@@ -110,3 +58,69 @@ const closeDialog = () => {
 
 </script>
 
+<template>
+
+  <button
+      v-if="creator.id === userStore.user.id"
+      class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125 px-4"
+      @click="isDialogActive = true">
+    <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>
+  </button>
+
+  <v-dialog v-model="isDialogActive"
+            max-width="500">
+
+    <v-form>
+
+      <v-card class="text-center rounded-xl">
+
+        <v-card-title class="text-white p-4 rounded-t"
+                      :style="{backgroundColor: creator.profileColors.menu || '#A30E79'}">
+          Quicky
+        </v-card-title>
+
+        <v-card-text>
+
+          <v-text-field v-model="title"
+                        class="p-2"
+                        label="Titre"
+                        density="comfortable"
+                        variant="outlined"
+                        hide-details
+                        clearable
+          ></v-text-field>
+
+          <v-textarea v-model="message"
+                      label="Écrivez votre message ici..."
+                      class="p-2"
+                      density="comfortable"
+                      variant="outlined"
+                      hide-details
+                      clearable
+                      outlined
+          ></v-textarea>
+
+          <v-file-input v-model="files"
+                        label="Ajoutez des fichiers"
+                        class="p-2"
+                        outlined
+                        multiple
+                        dropzone
+                        placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"
+          ></v-file-input>
+
+        </v-card-text>
+
+        <v-card-actions class="justify-end">
+          <v-btn color="secondary" @click="cancelPost">Annuler</v-btn>
+          <v-btn color="primary" @click="publishPost">Publier</v-btn>
+        </v-card-actions>
+
+      </v-card>
+
+    </v-form>
+
+  </v-dialog>
+
+</template>
+
diff --git a/src/views/contents/ImageViewer.vue b/src/views/contents/ImageViewer.vue
new file mode 100644
index 0000000..bf642ed
--- /dev/null
+++ b/src/views/contents/ImageViewer.vue
@@ -0,0 +1,31 @@
+<template>
+  <div class="image-container">
+    <img :src="src" alt="Image" class="image" />
+  </div>
+</template>
+
+<script setup>
+const props = defineProps({
+  src: {
+    type: String,
+    required: true,
+  },
+});
+</script>
+
+<style scoped>
+.image-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+
+.image {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/contents/YoutubePlayer.vue b/src/views/contents/YoutubePlayer.vue
new file mode 100644
index 0000000..025497c
--- /dev/null
+++ b/src/views/contents/YoutubePlayer.vue
@@ -0,0 +1,26 @@
+<template>
+  <iframe
+      :src="src"
+      title="YouTube video player"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+      referrerpolicy="strict-origin-when-cross-origin"
+      allowfullscreen
+  ></iframe>
+</template>
+
+<script setup>
+const props = defineProps({
+  src: {
+    type: String,
+    required: true,
+  },
+});
+</script>
+
+<style scoped>
+iframe {
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/creators/CreatorAboutYou.vue b/src/views/creators/CreatorAboutYou.vue
index 0a0cc1d..75ce31d 100644
--- a/src/views/creators/CreatorAboutYou.vue
+++ b/src/views/creators/CreatorAboutYou.vue
@@ -86,10 +86,9 @@
 </template>
 
 <script setup>
-import MyUserModel from "@/models/myUserModel.js";
 
 const props = defineProps({
-  user: {type: MyUserModel},
+  user
 });
 
 const dateRule = value => {
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 143eee7..cdb17a4 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -15,7 +15,8 @@
               class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500">
             <v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon>
             <img v-if="socialNetwork.icon.includes('tiktok')" :src="socialNetwork.icon" class="w-9 h-9" alt="Tiktok">
-            <img v-if="socialNetwork.icon.includes('websiteIcon')" :src="socialNetwork.icon" class="w-9 h-9" alt="Website">
+            <img v-if="socialNetwork.icon.includes('websiteIcon')" :src="socialNetwork.icon" class="w-9 h-9"
+                 alt="Website">
           </a>
         </div>
       </div>
@@ -91,29 +92,29 @@ const props = defineProps({
 
 
 function GetActiveSocialNetworkUrls() {
+
   const socialNetworks = [];
   const userSocialNetworks = props.creator.socialNetworks;
-  if (userSocialNetworks.facebookUrl !== '') {
+  if (userSocialNetworks.facebookUrl !== null) {
     socialNetworks.push({icon: "mdi-facebook", url: props.creator.socialNetworks.facebookUrl})
   }
-  if (userSocialNetworks.facebookUrl !== '') {
+  if (userSocialNetworks.xUrl !== null) {
     socialNetworks.push({icon: "mdi-twitter", url: props.creator.socialNetworks.xUrl})
   }
-  if (userSocialNetworks.instagramUrl !== '') {
+  if (userSocialNetworks.instagramUrl !== null) {
     socialNetworks.push({icon: "mdi-instagram", url: props.creator.socialNetworks.instagramUrl})
   }
-  if (userSocialNetworks.tiktokUrl !== '') {
+  if (userSocialNetworks.tikTokUrl !== null) {
     socialNetworks.push({
-      icon: "/images/hutopymedia/icons/white/tiktokwhite.png",
+      icon: '/images/externals/tiktok-white.png',
       url: props.creator.socialNetworks.tikTokUrl
     })
   }
-  if (userSocialNetworks.youtubeUrl !== '') {
-    socialNetworks.push({icon: "mdi-youtube", url: props.creator.socialNetworks.youtubeUrl})
+  if (userSocialNetworks.youtubeUrl !== null) {
+    socialNetworks.push({icon: 'mdi-youtube', url: props.creator.socialNetworks.youtubeUrl})
   }
-  if (userSocialNetworks.yourWebsiteUrl !== ''){
-    const websiteIconWithBackup = props.creator.storedDataUrls.websiteIconUrl === '' ? "mdi-web" : props.creator.storedDataUrls.websiteIconUrl;
-    socialNetworks.push({icon: websiteIconWithBackup, url: props.creator.socialNetworks.yourWebsiteUrl})
+  if (userSocialNetworks.websiteUrl !== null) {
+    socialNetworks.push({icon: 'mdi-web', url: props.creator.socialNetworks.websiteUrl})
   }
 
   return socialNetworks;
diff --git a/src/views/main/CreatorFeed.vue b/src/views/main/CreatorFeed.vue
deleted file mode 100644
index 62cc596..0000000
--- a/src/views/main/CreatorFeed.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-
-  <div class="mt-28">
-    
-    <div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-4xl mb-4">
-      <div class="md:flex">
-        <div class="md:flex-shrink-0">
-          <img class="h-48 w-full object-cover md:h-full md:w-48" src="/images/usersmedia/HutopyProfile/banners/banner01.png" alt="Image">
-        </div>
-        <div class="p-8">
-          <div class="uppercase tracking-wide text-sm text-indigo-500 font-semibold">Nom du réseau social</div>
-          <p class="mt-2 text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</p>
-          <p class="mt-2 text-gray-500">Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.</p>
-        </div>
-      </div>
-    </div>
-
-    <div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-4xl mb-4">
-      <div class="md:flex">
-        <div class="md:flex-shrink-0">
-          <img class="h-48 w-full object-cover md:h-full md:w-48" src="/images/usersmedia/HutopyProfile/banners/banner01.png" alt="Image">
-        </div>
-        <div class="p-8">
-          <div class="uppercase tracking-wide text-sm text-indigo-500 font-semibold">Nom du réseau social</div>
-          <p class="mt-2 text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</p>
-          <p class="mt-2 text-gray-500">Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.</p>
-        </div>
-      </div>
-    </div>
-
-    <div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden md:max-w-4xl mb-4">
-      <div class="md:flex">
-        <div class="md:flex-shrink-0">
-          <img class="h-48 w-full object-cover md:h-full md:w-48" src="/images/usersmedia/HutopyProfile/banners/banner01.png" alt="Image">
-        </div>
-        <div class="p-8">
-          <div class="uppercase tracking-wide text-sm text-indigo-500 font-semibold">Nom du réseau social</div>
-          <p class="mt-2 text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</p>
-          <p class="mt-2 text-gray-500">Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.</p>
-        </div>
-      </div>
-    </div>
-    
-  </div>
-  
-
-  
-</template>
-<script setup lang="ts">
-</script>
\ No newline at end of file
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 8ebe63c..bc5217c 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -4,7 +4,7 @@
       @click.stop
   >
     <div class="flex items-center">
-      <v-app-bar-nav-icon @click.stop="toggleSidebar">
+      <v-app-bar-nav-icon @click.stop="sideBarStore.toggle()">
       </v-app-bar-nav-icon>
 
       <RouterLink to="/" class="hidden md:block">
@@ -53,51 +53,52 @@
       <div class="text-center">
         <v-menu open-on-hover>
           <template v-slot:activator="{ props }">
-            <v-btn variant="plain" v-bind="props" class="d-flex align-center text-capital-none">
-                 <span class="normal-case max-w-xs  hidden md:block">
-                 {{ currentUser.userName }}
-                 </span>
+            <div v-bind="props" class="flex align-center font-sans py-1 px-4 rounded-lg hover:bg-gray-100">
+              <span class="max-w-xs  hidden md:block">
+                {{ userStore.alias }}
+              </span>
               <img
-                  :src="currentUser.storedDataUrls.profilePictureUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
+                  :src="userStore.portraitUrl"
                   alt="Profile Image"
-                  class="ml-2 rounded-full" style="width: 32px; height: 32px;">
-            </v-btn>
+                  class="ml-2 rounded-full"
+                  width="32"
+                  height="32">
+            </div>
           </template>
 
           <v-list min-width="200px" class=" align-center mt-3 left-3">
 
-            <div v-if="currentUser.userName === 'Anonyme'">
+            <template v-if="!authStore.isAuthenticated">
               <v-list-item class="nav-button">
                 <v-list-item-title>
                   <v-btn to="/login" class="w-100 " variant="plain">Connexion</v-btn>
                 </v-list-item-title>
               </v-list-item>
-            </div>
+            </template>
 
-            <div v-if="currentUser.userName !== 'Anonyme'">
-
-              <v-list-item v-if="currentUser.creatorAlias !== null" class="nav-button">
-                <router-link :to="`/@${currentUser.creatorAlias}`">
-                  <v-btn class="w-100 " variant="plain">@{{ currentUser.creatorAlias }}</v-btn>
+            <template v-else>
+              <v-list-item v-if="userStore.creator" class="nav-button">
+                <router-link :to="`/@${userStore.creator.name}`">
+                  <v-btn class="w-100 " variant="plain">@{{ userStore.creator.name }}</v-btn>
                 </router-link>
               </v-list-item>
 
               <v-list-item class="nav-button">
                 <v-list-item-title>
-                  <v-btn to="/profile" class="w-100 " variant="plain">Mon profil</v-btn>
+                  <v-btn to="/profile" class="w-100" variant="plain">Mon profil</v-btn>
                 </v-list-item-title>
               </v-list-item>
               <v-list-item class="nav-button">
                 <v-list-item-title>
-                  <v-btn to="/wallet" class="w-100 " variant="plain"> Portefeuille</v-btn>
+                  <v-btn to="/wallet" class="w-100" variant="plain">Portefeuille</v-btn>
                 </v-list-item-title>
               </v-list-item>
               <v-list-item class="nav-button">
                 <v-list-item-title>
-                  <v-btn @click="logout" to="/wallet" class="w-100 " variant="plain"> Déconnexion</v-btn>
+                  <v-btn @click="authStore.logout" class="w-100" variant="plain">Déconnexion</v-btn>
                 </v-list-item-title>
               </v-list-item>
-            </div>
+            </template>
           </v-list>
         </v-menu>
       </div>
@@ -108,21 +109,19 @@
 </template>
 
 <script setup>
-import {ref, onBeforeUnmount, onBeforeMount, watch, reactive} from "vue";
-import {eventBus} from '@/eventBus.js';
+import {ref, onBeforeUnmount, onBeforeMount, watch} from "vue";
 import {useRouter} from 'vue-router';
-import {useUserStore} from "@/stores/user.js";
-import MyUserModel from "@/models/myUserModel.js";
+import {useSideBarStore} from '@/stores/sideBarStore.js';
+import {useUserStore} from "@/stores/userStore.js";
+import {useAuthStore} from "@/stores/authStore.js";
+
+const authStore = useAuthStore()
+const userStore = useUserStore()
+const sideBarStore = useSideBarStore()
 
 const router = useRouter();
 const searchQuery = ref("");
 const showSearch = ref(false);
-let currentUser = reactive(MyUserModel.getDefaultUser());
-const userStore = useUserStore();
-
-const toggleSidebar = () => {
-  eventBus.value.toggleSidebar();
-};
 
 const onSearch = () => {
   const query = searchQuery.value.trim();
@@ -148,33 +147,14 @@ const handleClickOutside = (event) => {
   }
 };
 
-const navigateToMessages = () => {
-  router.push('/messages');
-};
-
-const logout = () => {
-  localStorage.removeItem('jwt');
-  window.location.reload();
-};
-
 onBeforeMount(() => {
-  currentUser = userStore.getCurrentUser();
-  document.addEventListener('click', handleClickOutside);
+  document.addEventListener('click', handleClickOutside)
 });
 
-// Watch the user state to get it again if needed.
-watch(
-    () => userStore.hasChanged,
-    () => {
-      currentUser = userStore.getCurrentUser();
-      const timestamp = new Date().getTime();
-      currentUser.storedDataUrls.profilePictureUrl = `${currentUser.storedDataUrls.profilePictureUrl}?t=${timestamp}`;
-    }
-);
-
 onBeforeUnmount(() => {
   document.removeEventListener('click', handleClickOutside);
 });
+
 </script>
 
 
diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 5ed0bd8..e176a68 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -68,9 +68,8 @@
 </template>
 
 <script setup>
-import {ref, onBeforeMount, onMounted} from "vue";
-import {useUserStore} from "@/stores/user.js";
-import {useClient} from "@/plugins/api.js";
+import {ref, onMounted} from "vue";
+import {useUserStore} from "@/stores/userStore.js";
 import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 import ManageAccount from "@/views/Profile/ManageAccount.vue";
 import PageInformations from "@/views/Profile/PageInformations.vue";
@@ -78,21 +77,12 @@ import PersonnalInfo from "@/views/Profile/PersonnalInfo.vue";
 import AccountSecurity from "@/views/Profile/AccountSecurity.vue";
 
 const userStore = useUserStore();
-const client = useClient();
 
-const currentUser = ref(null);
 const currentComponent = ref('PageInformations'); // Default component
 const isDown = ref(false);
 const startX = ref(0);
 const scrollLeft = ref(0);
 
-onBeforeMount(() => {
-  try {
-    currentUser.value = userStore.getCurrentUser();
-  } catch (error) {
-    console.log("User not logged")
-  }
-});
 
 onMounted(() => {
   const slider = document.querySelector('.custom-scroll');
@@ -163,9 +153,6 @@ const scrollRightFunc = () => {
 </script>
 
 <style scoped>
-.save-btn {
-  z-index: 10;
-}
 
 .custom-scroll {
   -ms-overflow-style: none; /* Internet Explorer 10+ */
@@ -176,8 +163,4 @@ const scrollRightFunc = () => {
   display: none; /* Safari and Chrome */
 }
 
-.active {
-  cursor: grabbing;
-  cursor: -webkit-grabbing;
-}
 </style>
diff --git a/src/views/main/ProfileBanner.vue b/src/views/main/ProfileBanner.vue
index 4139221..2e04e2f 100644
--- a/src/views/main/ProfileBanner.vue
+++ b/src/views/main/ProfileBanner.vue
@@ -86,14 +86,13 @@
 
 <script setup>
 import {ref} from 'vue';
-import MyUserModel from "@/models/myUserModel.js";
 
 const emit = defineEmits(["updateProfilePicture", "updateBannerPicture"]);
 const fallbackProfilePictureUrl = '/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png';
 const fallbackBannerPictureUrl = '/images/usersmedia/HutopyProfile/banners/banner01.png';
 
 const props = defineProps({
-  user: {type: MyUserModel},
+  user: {}
 });
 
 const bannerImageUrl = ref(props.user.storedDataUrls.bannerPictureUrl);
diff --git a/src/views/main/SocialLinks.vue b/src/views/main/SocialLinks.vue
deleted file mode 100644
index 847bb77..0000000
--- a/src/views/main/SocialLinks.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <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 class="flex justify-between items-center mb-2">
-        <label class="text-lg">Instagram</label>
-      </div>
-      <v-text-field v-model="props.user.socialNetworks.instagramUrl" label="Instagram"
-                    variant="outlined"></v-text-field>
-
-      <div class="flex justify-between items-center mb-2">
-        <label class="text-lg">TikTok</label>
-      </div>
-      <v-text-field v-model="props.user.socialNetworks.tikTokUrl" label="TikTok" variant="outlined"></v-text-field>
-
-      <div class="flex justify-between items-center mb-2">
-        <label class="text-lg">Facebook</label>
-      </div>
-      <v-text-field v-model="props.user.socialNetworks.facebookUrl" label="Facebook" variant="outlined"></v-text-field>
-
-      <div class="flex justify-between items-center mb-2">
-        <label class="text-lg">X</label>
-      </div>
-      <v-text-field v-model="props.user.socialNetworks.xUrl" label="X" variant="outlined"></v-text-field>
-
-      <div class="flex justify-between items-center mb-2">
-        <label class="text-lg">LinkedIn</label>
-      </div>
-      <v-text-field v-model="props.user.socialNetworks.linkedInUrl" label="LinkedIn" variant="outlined"></v-text-field>
-
-      <div class="flex justify-between items-center mb-2">
-        <label class="text-lg">Site Web</label>
-      </div>
-      <v-text-field v-model="props.user.socialNetworks.yourWebsiteUrl" label="Site Web"
-                    variant="outlined"></v-text-field>
-
-      <div class="flex flex-col space-y-4">
-        <div class="flex items-center mb-2">
-          <label class="text-lg mr-4">Icône pour votre site web *svg</label>
-          <v-file-input
-              v-model="iconFile"
-              accept=".png, .jpeg, .jpg"
-              hint="png, jpeg or jpg"
-              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>
-</template>
-
-<script setup>
-import {ref} from 'vue';
-import MyUserModel from "@/models/myUserModel.js";
-
-const props = defineProps({
-  user: {type: MyUserModel},
-});
-
-const emit = defineEmits(["updateWebsiteIcon"]);
-
-const iconUrl = ref(props.user.storedDataUrls.websiteIconUrl);
-const iconFile = ref(null);
-
-const onFileChange = (event) => {
-  const file = event.target.files[0];
-  if (file) {
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      iconUrl.value = e.target.result;
-    };
-    reader.readAsDataURL(file);
-    emit("updateWebsiteIcon", file)
-  }
-};
-</script>
-
-<style scoped>
-.icon-preview {
-  max-width: 250px;
-  max-height: 250px;
-}
-</style>
diff --git a/src/views/main/Wallet.vue b/src/views/main/Wallet.vue
index b16f140..4f41a7d 100644
--- a/src/views/main/Wallet.vue
+++ b/src/views/main/Wallet.vue
@@ -47,7 +47,7 @@
 <script async setup>
 import { onBeforeMount, ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
-import {useUserStore} from "@/stores/user.js";
+import {useUserStore} from "@/stores/userStore.js";
 
 const userStore = useUserStore();
 const router = useRouter();
@@ -75,10 +75,8 @@ const transactionCount = computed(() => userTransactions.value.length);
 
 onBeforeMount( () => {
   try {
-    const myUser = userStore.getCurrentUser();
-
-    userTransactions.value = myUser.userTransactions;
-    totalBalance.value = myUser.totalBalance;
+    userTransactions.value = userStore.user.userTransactions;
+    totalBalance.value = userStore.user.totalBalance;
   } catch (error) {
     navigateToHome();
   }
diff --git a/src/views/manualusers/GuillaumeAime.vue b/src/views/manualusers/GuillaumeAime.vue
index 4d8497f..d486245 100644
--- a/src/views/manualusers/GuillaumeAime.vue
+++ b/src/views/manualusers/GuillaumeAime.vue
@@ -45,7 +45,7 @@
                   </a>
 
                   <a href="https://www.tiktok.com/@guillaumeaime">
-                    <img class="socialicons invert-color" src="/images/hutopymedia/icons/white/tiktokwhite.png"
+                    <img class="socialicons invert-color" src="/images/externals/tiktok-white.png"
                          alt="Description image 2">
                   </a>
                 </v-row>
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index 1589130..7975602 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -2,7 +2,7 @@
   <div class="flex flex-column">
     <div class="flex flex-row p-1 items-center">
       <div class="px-2 content-center">
-        <img :src="message.profileImageUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
+        <img :src="message.createdByPortraitUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
              alt="Profile Image"
              class="rounded-full"
              width="32px"
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index 39f167e..b1cc3e3 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -59,7 +59,6 @@ onBeforeMount(async () => {
   await load({
     page_size: 2,
     done: function (status) {
-      console.log(`Loading status: ${status}`)
     }
   })
 })
@@ -71,8 +70,7 @@ async function load({done, page_size}) {
   try {
     let uri = `/api/messages/${props.subjectId}?page_size=${page_size}`
     if (last_id !== null) uri = uri + `&last_id=${last_id}`
-
-    console.log(`Fetching messages at: ${uri}`)
+    
     const response = await client.get(uri)
 
     if (response.status >= 200 && response.status < 300) {
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 829acbe..4f14ab7 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -6,7 +6,7 @@
 
       <div class="mx-2 content-center">
 
-        <img :src="profileUrl"
+        <img :src="userStore.portraitUrl"
              alt="Profile Image"
              class="rounded-full"
              width="32px"
@@ -35,10 +35,12 @@
 
 <script setup>
 
-import {useClient} from '@/plugins/api.js';
 import {ref} from 'vue';
-import {useUserStore} from "@/stores/user.js";
 import {v7} from 'uuid'
+import {useRouter} from "vue-router";
+import {useClient} from '@/plugins/api.js';
+import {useUserStore} from "@/stores/userStore.js";
+import {useAuthStore} from "@/stores/authStore.js";
 
 const props = defineProps({
   subjectId: {
@@ -51,13 +53,19 @@ const emit = defineEmits(['message-posted'])
 
 const client = useClient()
 const value = ref("")
-const user = useUserStore()
-const profileUrl = ref(user.getCurrentUser().storedDataUrls.profilePictureUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png')
+const router = useRouter()
+const userStore = useUserStore()
+const authStore = useAuthStore()
 
 const publish = async () => {
 
+  if (!authStore.isAuthenticated) {
+    await router.push('/login')
+  }
+
   try {
     const messageId = v7()
+    
     await client.post(`/api/messages/`,
         {
           "id": messageId,
@@ -65,17 +73,16 @@ const publish = async () => {
           "message": value.value
         })
 
-    const currentUser = user.getCurrentUser()
     emit('message-posted',
         {
           "id": messageId,
           "subjectId": props.subjectId,
-          "createdBy": currentUser.id,
-          "createdByName": currentUser.alias ?? `${currentUser.firstName} ${currentUser.lastName}`,
-          "createdByPortraitUrl": currentUser.storedDataUrls.profilePictureUrl,
+          "createdBy": userStore.user.id,
+          "createdByName": userStore.alias,
+          "createdByPortraitUrl": userStore.portraitUrl,
           "createdAt": new Date(Date.now()).toISOString(),
           "value": value.value,
-          parentId: null,
+          "parentId": null
         })
 
     value.value = ''

From d23c56577085042662c5bbdc3031271f233926a9 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sun, 4 Aug 2024 03:02:50 -0400
Subject: [PATCH 030/109] Adds subscriptions

---
 src/main.js                             | 13 ++++-
 src/stores/counter.js                   | 12 -----
 src/stores/subscriptionStore.js         | 71 +++++++++++++++++++++++++
 src/views/Profile/ManageAccount.vue     |  6 ++-
 src/views/contents/ContentList.vue      |  2 +-
 src/views/creators/CreatorBanner.vue    |  9 ++--
 src/views/creators/SubscribeButton.vue  | 49 +++++++++++++++++
 src/views/creators/SubscriptionList.vue | 35 ++++++++++++
 src/views/main/SideBar.vue              | 68 ++++++-----------------
 9 files changed, 190 insertions(+), 75 deletions(-)
 delete mode 100644 src/stores/counter.js
 create mode 100644 src/stores/subscriptionStore.js
 create mode 100644 src/views/creators/SubscribeButton.vue
 create mode 100644 src/views/creators/SubscriptionList.vue

diff --git a/src/main.js b/src/main.js
index 1dcb80b..9c17a5b 100644
--- a/src/main.js
+++ b/src/main.js
@@ -9,17 +9,26 @@ import {createVuetify} from 'vuetify'
 import * as components from 'vuetify/components'
 import * as directives from 'vuetify/directives'
 import vueGoogleOauth from 'vue3-google-login'
+import {useSubscriptionStore} from "@/stores/subscriptionStore.js";
+import {useAuthStore} from "@/stores/authStore.js";
+import {useUserStore} from "@/stores/userStore.js";
 
 const vuetify = createVuetify({
     components,
     directives
 });
 
-createApp(App)
+const app = createApp(App)
     .use(createPinia())
     .use(vuetify)
     .use(router)
     .use(vueGoogleOauth, {
         clientId: import.meta.env.VITE_GOOGLE_CLIENT_ID,
     })
-    .mount('#app');
+
+// this force the creation of the stores
+const subscriptionStore = useSubscriptionStore()
+const authStore = useAuthStore()
+const userStore = useUserStore()
+
+app.mount('#app');
diff --git a/src/stores/counter.js b/src/stores/counter.js
deleted file mode 100644
index b6757ba..0000000
--- a/src/stores/counter.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import { ref, computed } from 'vue'
-import { defineStore } from 'pinia'
-
-export const useCounterStore = defineStore('counter', () => {
-  const count = ref(0)
-  const doubleCount = computed(() => count.value * 2)
-  function increment() {
-    count.value++
-  }
-
-  return { count, doubleCount, increment }
-})
diff --git a/src/stores/subscriptionStore.js b/src/stores/subscriptionStore.js
new file mode 100644
index 0000000..225ea60
--- /dev/null
+++ b/src/stores/subscriptionStore.js
@@ -0,0 +1,71 @@
+import {defineStore} from "pinia";
+import {useSessionStorage} from "@vueuse/core";
+import {useClient} from "@/plugins/api.js";
+import {useAuthStore} from "@/stores/authStore.js";
+import {watch} from "vue";
+
+export const useSubscriptionStore = defineStore(
+    'subscription',
+    () => {
+
+        const subscriptions = useSessionStorage(
+            'subscription-subscriptions',
+            {})
+
+        const authStore = useAuthStore()
+        const authWatcher = watch(
+            () => authStore.isAuthenticated,
+            async (newValue) => {
+                if (newValue) {
+                    await loadSubscriptions()
+                } else {
+                    subscriptions.value = {}
+                }
+            })
+
+        function isSubscribeTo(creatorId) {
+            return !!subscriptions.value[creatorId];
+        }
+
+        async function subscribeTo(creatorId) {
+            try {
+                const client = useClient()
+                const response = await client.post(
+                    `/api/creators/${creatorId}/subscribe`
+                );
+                subscriptions.value[creatorId] = response.data;
+            } catch (error) {
+                console.error("Error subscribing to creator", error);
+            }
+        }
+
+        async function unsubscribeFrom(creatorId) {
+            try {
+                const client = useClient()
+                const response = await client.post(
+                    `/api/creators/${creatorId}/unsubscribe`
+                );
+                delete subscriptions.value[creatorId];
+            } catch (error) {
+                console.error("Error unsubscribing from creator", error);
+            }
+        }
+
+        async function loadSubscriptions() {
+            try {
+                const client = useClient()
+                const response = await client.get(`/api/subscriptions`);
+
+                subscriptions.value = response.data.reduce(
+                    (acc, sub) => {
+                        acc[sub.creatorId] = sub;
+                        return acc;
+                    },
+                    {});
+            } catch (error) {
+                console.error("Error loading subscriptions:", error);
+            }
+        }
+
+        return {subscriptions, isSubscribeTo, subscribeTo, unsubscribeFrom}
+    });
\ No newline at end of file
diff --git a/src/views/Profile/ManageAccount.vue b/src/views/Profile/ManageAccount.vue
index 8f4b640..63d3fb5 100644
--- a/src/views/Profile/ManageAccount.vue
+++ b/src/views/Profile/ManageAccount.vue
@@ -14,7 +14,8 @@
                 :src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
                 alt="Profile Image"
                 class="ml-2 rounded-full"
-                style="width: 48px; height: 48px;">
+                width="48"
+                height="48">
           </span>
         </button>
 
@@ -40,7 +41,8 @@
                 :src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
                 alt="Profile Image"
                 class="ml-2 rounded-full"
-                style="width: 48px; height: 48px;">
+                width="48"
+                height="48">
           </span>
         </button>
 
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index 7e94c8c..4dbc0c0 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -45,7 +45,7 @@ let last_id = null
 
 async function load({done}) {
   try {
-    let uri = `/api/contents/user/${props.creatorId}?page_size=${page_size}`
+    let uri = `/api/contents/creator/${props.creatorId}?page_size=${page_size}`
     if (last_id !== null) uri = uri + `&last_id=${last_id}`
 
     const response = await client.get(uri)
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index cdb17a4..48b4e6d 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -66,11 +66,8 @@
         <div
             class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4 ml-">
           <AboutYou :creator="creator"></AboutYou>
-          <button class="text-white py-2 px-4 rounded"
-                  style="background-color: #333; transition: background-color 0.3s ease;"
-                  onmouseover="this.style.backgroundColor='#555';" onmouseout="this.style.backgroundColor='#333';">
-            S'ABONNER
-          </button>
+
+          <subscribe-button :creator="creator"></subscribe-button>
 
           <CreatePostButton :creator="creator"/>
 
@@ -85,12 +82,12 @@
 import CreatePostButton from "@/views/contents/CreatePostButton.vue";
 import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 import AboutYou from "@/views/creators/CreatorDescriptionBtn.vue";
+import SubscribeButton from "@/views/creators/SubscribeButton.vue";
 
 const props = defineProps({
   creator: {type: Object, required: true},
 });
 
-
 function GetActiveSocialNetworkUrls() {
 
   const socialNetworks = [];
diff --git a/src/views/creators/SubscribeButton.vue b/src/views/creators/SubscribeButton.vue
new file mode 100644
index 0000000..6d462cb
--- /dev/null
+++ b/src/views/creators/SubscribeButton.vue
@@ -0,0 +1,49 @@
+<script setup>
+import {useSubscriptionStore} from "@/stores/subscriptionStore.js";
+import {computed} from "vue";
+
+const props = defineProps({
+  creator: {type: Object, required: true},
+});
+
+const subscriptionStore = useSubscriptionStore()
+
+const isSubscribe = computed(() => !subscriptionStore.isSubscribeTo(props.creator.id))
+
+function subscribeToCreator() {
+  subscriptionStore.subscribeTo(props.creator.id)
+}
+
+function unsubscribeFromCreator() {
+  subscriptionStore.unsubscribeFrom(props.creator.id)
+}
+
+</script>
+
+<template>
+  
+  <template v-if="isSubscribe">
+    <v-btn class="action"
+           @click="subscribeToCreator()"
+           style="transition: background-color 0.3s ease;">
+      S'ABONNER
+    </v-btn>
+  </template>
+  
+  <template v-else>
+    <v-btn class="action"
+           @click="unsubscribeFromCreator()"
+           style="transition: background-color 0.3s ease;">
+      SE DESABONNER
+    </v-btn>
+  </template>
+  
+</template>
+
+<style scoped>
+
+.action {
+  @apply py-2 px-4 rounded bg-gray-100 hover:bg-gray-300
+}
+
+</style>
\ No newline at end of file
diff --git a/src/views/creators/SubscriptionList.vue b/src/views/creators/SubscriptionList.vue
new file mode 100644
index 0000000..ff5fb96
--- /dev/null
+++ b/src/views/creators/SubscriptionList.vue
@@ -0,0 +1,35 @@
+<script setup>
+import {useSubscriptionStore} from "@/stores/subscriptionStore.js";
+
+const subscriptionStore = useSubscriptionStore()
+</script>
+
+<template>
+
+  <template v-if="Object.keys(subscriptionStore.subscriptions).length > 0">
+    <template v-for="subscription in subscriptionStore.subscriptions">
+
+      <RouterLink :to="`/@${subscription.creatorName}`">
+
+        <div class="flex items-center content-center font-sans font-semibold pt-2">
+          <img :src="subscription.creatorPortraitUrl"
+               alt="Profile Image"
+               class="rounded-full mx-2"
+               width="32px"
+               height="32px">
+
+          {{ subscription.creatorName }}
+        </div>
+
+      </RouterLink>
+
+    </template>
+  </template>
+
+  <template v-else>
+    <slot>
+      <span>Placeholder when there are no subscriptions</span>
+    </slot>
+  </template>
+
+</template>
\ No newline at end of file
diff --git a/src/views/main/SideBar.vue b/src/views/main/SideBar.vue
index 87981c1..4b30aee 100644
--- a/src/views/main/SideBar.vue
+++ b/src/views/main/SideBar.vue
@@ -1,49 +1,23 @@
-<template>
+<script setup>
+import SiteMenu from "@/views/main/SiteMenu.vue";
+import SubscriptionList from "@/views/creators/SubscriptionList.vue";
+</script>
+
+<template>
   <aside class="relative h-full overflow-y-auto custom-scrollbar">
 
     <nav class="h-full grid grid-rows-[60px_1fr_auto]">
       <div></div>
+
       <div class="pt-4 px-4">
-        <h2>Subscriptions</h2>
-
-        <ul class="space-y">
-          <li>
-            <RouterLink to="/@leffet">
-              <div class="nav-button">
-                <v-icon class="mx-2">mdi-account</v-icon>
-                L'Effet
-              </div>
-            </RouterLink>
-
-            <RouterLink to="/@chloebeaugrand">
-              <div class="nav-button">
-                <v-icon class="mx-2">mdi-account</v-icon>
-                Chloe Beaugrand
-              </div>
-            </RouterLink>
-
-            <RouterLink to="/@guillaumeaime">
-              <div class="nav-button">
-                <v-icon class="mx-2">mdi-account</v-icon>
-                Guillaume Aime
-              </div>
-            </RouterLink>
-
-            <RouterLink to="/@mathieucaron">
-              <div class="nav-button">
-                <v-icon class="mx-2">mdi-account</v-icon>
-                Mathieu Caron
-              </div>
-            </RouterLink>
-
-            <RouterLink to="/@arps">
-              <div class="nav-button">
-                <v-icon class="mx-2">mdi-account</v-icon>
-                ARPS
-              </div>
-            </RouterLink>
-          </li>
-        </ul>
+        <h2>Abonnements</h2>
+    
+        <subscription-list>
+          <template v-slot:default>
+            <span>Aucun abonnement</span>
+          </template>
+        </subscription-list>
+        
       </div>
 
       <div class="border-t w-full py-10">
@@ -54,13 +28,6 @@
 </template>
 
 <style scoped>
-.nav-button {
-  @apply rounded p-1 m-1 text-gray-800 font-sans;
-}
-
-.nav-button:hover {
-  @apply bg-[#903175] text-gray-200;
-}
 
 h2 {
   @apply font-sans font-bold ml-2;
@@ -74,8 +41,5 @@ aside {
   scrollbar-width: thin;
   scrollbar-color: #903175 #f1f1f1;
 }
-</style>
 
-<script setup lang="ts">
-import SiteMenu from "@/views/main/SiteMenu.vue";
-</script>
+</style>

From a4f6605bf8ea002dd4e68cd3f695601593dc83c9 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sun, 4 Aug 2024 03:22:34 -0400
Subject: [PATCH 031/109] Hides the subscriptions zone when there are none

---
 src/views/main/SideBar.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/views/main/SideBar.vue b/src/views/main/SideBar.vue
index 4b30aee..1583fb0 100644
--- a/src/views/main/SideBar.vue
+++ b/src/views/main/SideBar.vue
@@ -1,6 +1,9 @@
 <script setup>
 import SiteMenu from "@/views/main/SiteMenu.vue";
 import SubscriptionList from "@/views/creators/SubscriptionList.vue";
+import {useAuthStore} from "@/stores/authStore.js";
+
+const authStore = useAuthStore()
 </script>
 
 <template>
@@ -9,20 +12,21 @@ import SubscriptionList from "@/views/creators/SubscriptionList.vue";
     <nav class="h-full grid grid-rows-[60px_1fr_auto]">
       <div></div>
 
-      <div class="pt-4 px-4">
+      <div v-if="authStore.isAuthenticated" class="pt-4 px-4">
         <h2>Abonnements</h2>
-    
         <subscription-list>
           <template v-slot:default>
             <span>Aucun abonnement</span>
           </template>
         </subscription-list>
-        
+      </div>
+      <div v-else>        
       </div>
 
       <div class="border-t w-full py-10">
         <SiteMenu></SiteMenu>
       </div>
+
     </nav>
   </aside>
 </template>

From b3cd3f3636d3aaa4c73c48d1f312019f4caeb4b6 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sun, 4 Aug 2024 04:34:29 -0400
Subject: [PATCH 032/109] Add subscriber count to creator banner

---
 src/views/creators/CreatorBanner.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 48b4e6d..9b709ba 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -59,7 +59,7 @@
           <div class="text-2xl text-center lg:text-left">
             <p :style="{ color: creator.profileColors.accent }">{{ creator.occupation }}</p>
           </div>
-          <div class="text-lg" :style="{ color: creator.profileColors.accent }">1000+ Abonnés</div>
+          <div class="text-lg text-white" >{{creator.subscriberCount}} Abonnés</div>
         </div>
 
         <!-- Buttons -->

From b1e370e96c97354fe65bba668bc7b66ffb4edd28 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 4 Aug 2024 21:21:50 -0400
Subject: [PATCH 033/109] Remove Static pages

---
 src/router/index.js                     |  22 +-
 src/views/manualusers/ChloeProfile.vue  | 378 --------------
 src/views/manualusers/GuillaumeAime.vue | 366 -------------
 src/views/manualusers/LeffetProfile.vue | 656 ------------------------
 src/views/manualusers/MathieuCaron.vue  | 383 --------------
 5 files changed, 1 insertion(+), 1804 deletions(-)
 delete mode 100644 src/views/manualusers/ChloeProfile.vue
 delete mode 100644 src/views/manualusers/GuillaumeAime.vue
 delete mode 100644 src/views/manualusers/LeffetProfile.vue
 delete mode 100644 src/views/manualusers/MathieuCaron.vue

diff --git a/src/router/index.js b/src/router/index.js
index 5b60b4d..716fc69 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -14,9 +14,6 @@ import Join from '../views/main/Join.vue'
 import Home from '../views/main/Home.vue'
 import Wallet from '../views/main/Wallet.vue'
 import Profile from '../views/main/Profile.vue'
-import ChloeBeaugrand from '../views/manualusers/ChloeProfile.vue'
-import Leffet from '../views/manualusers/LeffetProfile.vue'
-import MathieuCaron from '../views/manualusers/MathieuCaron.vue'
 import CreatorList from '../views/creators/CreatorList.vue'
 import CreatorPage from "@/views/creators/CreatorPage.vue";
 import ContentPage from "@/views/contents/ContentPage.vue";
@@ -48,24 +45,7 @@ const routes = [
     {
         path: '/content/post',
         component: PostContent,
-    },
-
-    {
-        path: '/@leffet',
-        component: Leffet
-    },
-    {
-        path: '/@chloebeaugrand',
-        component: ChloeBeaugrand
-    },
-    {
-        path: '/@guillaumeaime',
-        component: GuillaumeAime
-    },
-    {
-        path: '/@mathieucaron',
-        component: MathieuCaron
-    },
+    },       
 
     {
         path: '/helpandcontact',
diff --git a/src/views/manualusers/ChloeProfile.vue b/src/views/manualusers/ChloeProfile.vue
deleted file mode 100644
index 8f188be..0000000
--- a/src/views/manualusers/ChloeProfile.vue
+++ /dev/null
@@ -1,378 +0,0 @@
-<template>
-
-  <!-- "Mobile -->
-  <v-row class="fluid hidden-md-and-up social-mobile-container"
-         style="margin-top: -10px; position: relative; z-index: 0; " hidden-md-and-down>
-    <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-      <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
-             style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
-    </v-col>
-  </v-row>
-
-  <!-- "PurpleLine" -->
-  <v-row style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);">
-  </v-row>
-
-  <!-- "Mobile-Profile" -->
-  <!-- "Profile picture" -->
-  <v-row class="d-flex justify-center align-center d-sm-none" style="margin-top: 50px; margin-bottom: -10px">
-    <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
-  </v-row>
-
-  <!-- User Social Network Links -->
-  <v-container style="margin-top: -70px; padding: 0;" class="hidden-md-and-up social-container-mobile-icons"
-               hidden-md-and-down>
-
-    <!-- Facebook -->
-    <v-row no-gutters class="d-flex justify-space-between align-center" style="margin-left: 3%; margin-right: 3%;">
-      <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
-        <a href="https://www.facebook.com/chloegestionmedias">
-          <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/facebookblack.png"
-                 alt="Facebook"></v-img>
-        </a>
-      </v-col>
-
-      <!-- Profile picture - Small -->
-      <v-col cols="4" sm="4" xs="0" class="hidden-xs">
-        <v-row class="d-flex justify-center align-center">
-          <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
-        </v-row>
-      </v-col>
-
-      <!-- Instagram -->
-      <v-col cols="2" sm="2" xs="3" style="margin-top: 60px; z-index: 50;" class="d-flex justify-center align-center">
-        <a href="https://www.instagram.com/chloe.photo_gms">
-          <v-img class="socialicons-mobile" src="/images/hutopymedia/icons/black/instagramblack.png"
-                 alt="Instagram"></v-img>
-        </a>
-      </v-col>
-    </v-row>
-
-    <!-- User informations Name title and description  -->
-    <v-row class="social-container-mobile">
-      <v-col cols="12" xs="12" sm="4" class="d-flex justify-center">
-        <v-row class="d-flex justify-center">
-          {{ name }}
-        </v-row>
-      </v-col>
-      <v-spacer xs="12" sm="4"></v-spacer>
-      <v-col cols="12" xs="12" sm="4" class="d-flex justify-center">
-        <v-row class="d-flex justify-center">
-          {{ title }}
-        </v-row>
-      </v-col>
-    </v-row>
-    <v-row>
-      <v-container style="border-bottom-left-radius: 15px; margin-top: -12px; border-bottom-right-radius: 15px;"
-                   class="social-icon-group-mobile">
-        <v-expansion-panels style="min-width: 320px;">
-          <v-col cols="12" offset="-1">
-            <v-expansion-panel class="background-pink text-justify" style="color: white;" text="
-                      
-                      Axé sur l’être humain et le désir de performer, j’ai trouvé mon X avec les médias sociaux → Mon but est d’aider les entreprises à communiquer et à prospérer en renforçant leur image de marque à travers leur communauté! 
-Chaque collaboration est une aventure marketing inspirante!
-
-
-Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et surtout, j’ai hâte de travailler avec vous!
-" title="À propos de moi.">
-            </v-expansion-panel>
-          </v-col>
-        </v-expansion-panels>
-      </v-container>
-    </v-row>
-  </v-container>
-
-  <!-- Bannière Pc -->
-  <v-row class="fluid hidden-sm-and-down" style="margin-top: -65px; position: relative; z-index: 0; "
-         hidden-sm-and-up>
-    <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-      <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
-             style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
-    </v-col>
-  </v-row>
-  <v-row class="hidden-sm-and-down" style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);"
-         hidden-sm-and-up>
-  </v-row>
-
-  <!-- "Core (Menu / Center / Donation)" -->
-  <v-row>
-
-    <!-- Profile Info Picture name title & description -->
-    <v-col class="middle-col" style="z-index: 5;" cols="12" xs="12" sm="12" md="6" lg="5" xl="4" xxl="4">
-      <v-container class="profile-container hidden-sm-and-down" hidden-md-and-up>
-        <v-container>
-          <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
-          <!-- User informations Name & title  -->
-          <v-container class="background-profile-container" style="margin-top: -8%;">
-            <v-row>
-              <v-col style="height: 50px;" cols="7" offset="2" class="social-container">
-                <h1 class="name-info">{{ name }}</h1>
-              </v-col>
-              <v-col></v-col>
-            </v-row>
-            <v-row>
-              <v-col style="height: 50px;" cols="6" offset="2" class="social-container2">
-                <h1 class="occupation-info">{{ title }}</h1>
-              </v-col>
-              <v-col></v-col>
-            </v-row>
-
-            <!-- User Social Network Links -->
-            <v-row>
-              <v-spacer></v-spacer>
-              <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
-                <v-row>
-                  <a href="https://www.facebook.com/chloegestionmedias">
-                    <img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
-                         alt="Description image 2">
-                  </a>
-                  <a href="https://www.instagram.com/chloe.photo_gms">
-                    <img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
-                         alt="Description image 2">
-                  </a>
-                </v-row>
-              </v-col>
-              <v-col background-color="primary"></v-col>
-            </v-row>
-
-            <!-- Description  -->
-            <v-row>
-              <v-container
-                  style="border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-top: 15px;">
-                <v-expansion-panels style="min-width: 320px;">
-                  <v-col cols="12" offset="-1">
-                    <v-expansion-panel class="background-pink text-justify" style="color: white;" text="
-                      
-                      Axé sur l’être humain et le désir de performer, j’ai trouvé mon X avec les médias sociaux → Mon but est d’aider les entreprises à communiquer et à prospérer en renforçant leur image de marque à travers leur communauté! 
-Chaque collaboration est une aventure marketing inspirante!
-
-
-Je suis authentique, créative, stratégique, caféinée et à l’écoute. Et surtout, j’ai hâte de travailler avec vous!
-" title="À propos de moi.">
-                    </v-expansion-panel>
-                  </v-col>
-                </v-expansion-panels>
-              </v-container>
-            </v-row>
-          </v-container>
-        </v-container>
-      </v-container>
-
-      <!-- Card nouvelle boutique -->
-      <v-container>
-        <v-card class="flow-menu m-0 youtube-card">
-
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
-            <v-container style="margin-top: -15px;">
-              <v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand01.png"
-                     title="Savoir faire"></v-img>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px; margin-bottom: -20px" class="card-date">
-                    23-04-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-              <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">Quand on observe des gens
-                réaliser un
-                Rubik’s Cube ça a l’air si facile pour eux qu’on est vraiment impressionnés et peut-être même
-                découragés…<br><br>
-
-                Mais saviez-vous que pour résoudre ce casse-tête, il suffit d’une série de mouvements exécutés à
-                répétitions
-                dans le même ordre jusqu’à la fin?<br><br>
-
-                La gestion de médias sociaux peut donner l’impression d’être un vrai casse-tête!
-
-                La clé c’est de comprendre chaque élément individuellement et ensuite en faire un tout.
-              </p>
-
-              <!-- Like dislike commment Section -->
-              <div style="height: 20px;"></div>
-              <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-              <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px" class="Comments-font"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-        </v-card>
-      </v-container>
-
-
-      <!-- Card nouvelle boutique -->
-      <v-container>
-        <v-card class="flow-menu m-0 youtube-card">
-
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
-            <v-container style="margin-top: -15px;">
-              <v-img src="images/usersmedia/chloebeaugrand/pictures/posts/postsChloeBeaugrand02.png"
-                     title="Guillaumem"></v-img>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px; margin-bottom: -20px" class="card-date">
-                    23-04-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-              <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
-                Que ce soit pour un portrait créatif, la gestion totales de tes médias sociaux où pour devenir
-                autonome à
-                les gérer par toi-même → Je suis là pour ça!
-                <br><br>
-
-                Je te promets qu’on passera un bon moment ET que tu auras des résultats à la hauteur de tes attentes
-                <v-icon icon="    mdi-emoticon"></v-icon>
-              </p>
-
-
-              <!-- Like dislike commment Section -->
-              <div style="height: 20px;"></div>
-              <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-              <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-        </v-card>
-      </v-container>
-    </v-col>
-  </v-row>
-
-</template>
-
-<script setup>
-let imageSrc = '/images/usersmedia/chloebeaugrand/banners/bannerChloeBeaugrand01.png';
-let profilePicture = '/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png';
-let name = 'Chloé Beaugrand'
-let title = 'Spécialiste en média'
-</script>
-
-<style scoped>
-
-.Comments-font {
-  font-size: .1rem;
-}
-
-.name-info {
-  margin-top: -10px;
-  margin-left: 15%;
-}
-
-.occupation-info {
-  margin-left: 15%;
-  font-size: large;
-}
-
-.profile-container {
-  margin-top: -16%;
-}
-
-.background-profile-container {
-  background-color: #ececec;
-  color: white;
-  border-top: 3px solid #a30e79;
-  border-right: 3px solid #a30e79;
-  font-weight: 700;
-  font-size: 1.15rem;
-  border-radius: 25px;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3)
-}
-
-.background-pink {
-  background-color: #231f20;
-  color: white;
-  font-weight: 400;
-}
-
-.socialicons {
-  width: 35px;
-  max-width: 100px;
-  margin-top: 3px;
-  margin-left: 40px;
-}
-
-.socialicons-mobile {
-  width: 35px;
-  max-width: 100px;
-  margin-top: 27px;
-  margin-left: 20px;
-}
-
-.youtube-card {
-  margin-left: 2%;
-  margin-right: 2%;
-  border-radius: 15px;
-  background-color: #f4f4f4;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4)
-}
-
-.card-date {
-  margin-left: 10px;
-  margin-top: -18px;
-  margin-bottom: -20px;
-  font-size: .8rem;
-}
-
-.social-container {
-  background-color: #8c5536;
-  border-top-right-radius: 30px;
-  border-bottom-right-radius: 30px;
-  font-size: 1.7rem;
-  font-weight: 600;
-  color: white;
-}
-
-.social-container2 {
-  background-color: #231f20;
-  border-bottom-right-radius: 30px;
-  font-size: 1.4rem;
-  font-weight: 500;
-  color: white;
-}
-
-.social-container-mobile {
-  background-color: #8c5536;
-  font-size: 1.4rem;
-  font-weight: 600;
-  color: white;
-  z-index: 1000;
-  margin: auto;
-  text-align: center;
-}
-
-.social-icon-group-mobile {
-  background-color: #272526;
-}
-
-.mobile-profile-picture-creator {
-  border-radius: 100px;
-  height: 150px;
-  width: 150px;
-  border-radius: 50%;
-  max-width: 150px;
-  border: 4px solid white;
-  z-index: 1000;
-}
-
-.profile-banner {
-  margin-top: 25px;
-  min-height: 200px
-}
-
-</style>
\ No newline at end of file
diff --git a/src/views/manualusers/GuillaumeAime.vue b/src/views/manualusers/GuillaumeAime.vue
deleted file mode 100644
index d486245..0000000
--- a/src/views/manualusers/GuillaumeAime.vue
+++ /dev/null
@@ -1,366 +0,0 @@
-<template>
-  <!-- Bannière Pc -->
-  <v-row class="fluid" style="margin-top: -65px; position: relative; z-index: 0;">
-    <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-      <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
-             style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
-    </v-col>
-  </v-row>
-
-  <!-- "Core (Menu / Center / Donation)" -->
-  <v-row>
-
-    <!-- Profile Info Picture name title & description -->
-    <v-col class="middle-col" style="z-index: 5;" cols="12" xs="12" sm="12" md="6" lg="5" xl="4" xxl="4">
-      <v-container class="profile-container">
-        <v-container>
-          <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
-          <!-- User informations Name & title  -->
-          <v-container class="background-profile-container" style="margin-top: -8%;">
-            <v-row>
-              <v-col style="height: 50px;" cols="7" offset="2" class="social-container">
-                <h1 class="name-info">{{ name }}</h1>
-              </v-col>
-              <v-col></v-col>
-            </v-row>
-            <v-row>
-              <v-col style="height: 50px;" cols="6" offset="2" class="social-container2">
-                <h1 class="occupation-info">{{ title }}</h1>
-              </v-col>
-              <v-col></v-col>
-            </v-row>
-
-            <!-- User Social Network Links -->
-            <v-row>
-              <v-spacer></v-spacer>
-              <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
-                <v-row>
-                  <a href="https://www.facebook.com/GuillaumeMousseau222">
-                    <img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
-                         alt="Description image 2">
-                  </a>
-                  <a href="https://www.instagram.com/p/C2f-3UnNdfX/">
-                    <img class="socialicons" src="/images/hutopymedia/icons/black/instagramblack.png"
-                         alt="Description image 2">
-                  </a>
-
-                  <a href="https://www.tiktok.com/@guillaumeaime">
-                    <img class="socialicons invert-color" src="/images/externals/tiktok-white.png"
-                         alt="Description image 2">
-                  </a>
-                </v-row>
-              </v-col>
-              <v-col background-color="primary"></v-col>
-            </v-row>
-
-            <!-- Description  -->
-            <v-row>
-              <v-container
-                  style="border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-top: 15px;">
-                <v-expansion-panels style="min-width: 320px;">
-                  <v-col cols="12" offset="-1">
-                    <v-expansion-panel class="background-pink text-justify" style="color: white;"
-                                       text="Mettre en lumière le côté humain des entrepreneurs. Chaque service, chaque produit est porteur d’une histoire, d’une passion, d’une vision unique. Mon objectif est de faire rayonner cette unicité, de créer des connexions authentiques entre ces entrepreneurs et leurs clients potentiels. Parce que derrière chaque entreprise, il y a des personnes inspirantes qui méritent d’être entendues et comprises. Et toi, quel est ton objectif pour cette année?"
-                                       title="À propos : Ma mission est claire :">
-                    </v-expansion-panel>
-                  </v-col>
-                </v-expansion-panels>
-              </v-container>
-            </v-row>
-          </v-container>
-        </v-container>
-      </v-container>
-
-      <!-- Card youtube balado -->
-      <v-container>
-        <v-card class="flow-menu m-0 youtube-card">
-          <!-- Title, date and btn -->
-          <v-col>
-            <v-row>
-              <v-col class="text-center">
-                <h1 class="card-title">
-                  MON PREMIER BALADO</h1>
-              </v-col>
-            </v-row>
-
-          </v-col>
-
-          <!-- Card core Video/image & text -->
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
-            <v-container>
-              <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
-                      src="https://www.youtube.com/embed/pf95whtA_xs?start=0" title="Guillaumem" frameborder="0"
-                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                      allowfullscreen></iframe>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
-                    24-04-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-
-              <p class="text-justify pa-10" style="margin-bottom: -50px; font-size: 1em">C’est un honneur de vous
-                présenter
-                mon tout premier balado. Dans ce premier épisode, les passionnés de cinéma et de gadgets seront
-                particulièrement gâtés, car je dévoile les gadgets que j'utilise professionnellement. Par la suite, je
-                partage mon itinéraire professionnel peu conventionnel : de mes débuts dans le secteur bovin à travers
-                le
-                Canada, à mon poste actuel comme directeur marketing chez Journal Mobile, jusqu'à la direction de mon
-                agence
-                créative, Alliés. Enfin, je vous invite à découvrir un autre aspect de ma vie à travers ma page
-                personnelle,
-                "Guillaume aime", où je partage tout ce qui me passionne.</p>
-
-
-              <!-- Like dislike commment Section -->
-              <div style="height: 20px;"></div>
-              <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-              <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-        </v-card>
-      </v-container>
-
-
-      <!-- Card nouvelle boutique -->
-      <v-container>
-        <v-card class="flow-menu m-0 youtube-card">
-          <!-- Title, date and btn -->
-          <v-col>
-            <v-row>
-              <v-col class="text-center">
-                <h1 class="card-title">
-                  NOUVELLE BOUTIQUE À SAINT-HYACINTHE</h1>
-              </v-col>
-
-            </v-row>
-
-          </v-col>
-
-          <!-- Card core Video/image & text -->
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
-            <v-container>
-              <v-img src="images/usersmedia/guillaumeMousseau/pictures/posts/nouvelleboutique.jpg"
-                     title="Guillaumem"></v-img>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
-                    24-04-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-
-              <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">J’ai découvert une nouvelle
-                boutique
-                à St-Hyacinthe qui embrasse exactement ma philosophie derrière la page Guillaume Aime: faire découvrir
-                le
-                savoir-faire québécois !
-
-                J’y ai croisé Carl Vaillancourt, copropriétaire de l’entreprise Espace Karibou au Centre-ville
-                Saint-Hyacinthe ainsi que mon ami Marc-Olivier Hébert de la Fondation L'effet.
-
-                Je vous invite à découvrir cette boutique sur la rue Cascade à St-Hyacinthe. Bravo à Karianne Hamel et
-                Carl
-                pour ce projet!</p>
-
-
-              <!-- Like dislike commment Section -->
-              <div style="height: 20px;"></div>
-              <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-              <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-        </v-card>
-      </v-container>
-
-      <!-- Card nouvelle boutique -->
-      <v-container>
-        <v-card class="flow-menu m-0 youtube-card">
-          <!-- Title, date and btn -->
-          <v-col>
-            <v-row>
-              <v-col class="text-center">
-                <h1 class="card-title">
-                  C'EST PARTI POUR 2024!</h1>
-              </v-col>
-            </v-row>
-
-          </v-col>
-
-          <!-- Card core Video/image & text -->
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%">
-            <v-container>
-              <v-img src="images/usersmedia/guillaumeMousseau/pictures/posts/cestparti.jpg"
-                     title="Guillaumem"></v-img>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px" class="card-date">
-                    22-04-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-              <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">C'est parti pour 2024 ! De
-                retour au
-                travail officiellement ce matin afin d'aider les entreprises de la région à rayonner ! Mettre en
-                lumière les
-                entrepreneurs et leur unicité, c'est ma passion ! Si jamais tu as besoin d'aide dans ce domaine,
-                n'hésite
-                pas à me contacter.</p>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-        </v-card>
-      </v-container>
-    </v-col>
-  </v-row>
-</template>
-
-<script setup>
-let imageSrc = '/images/usersmedia/guillaumeMousseau/banners/bannerGuillaumeMousseau01.png';
-let profilePicture = '/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png';
-let name = 'Guillaume Mousseau'
-let title = 'Créateur de contenus'
-
-</script>
-
-<style scoped>
-.invert-color {
-  filter: invert(1);
-}
-
-.name-info {
-  margin-top: -10px;
-  margin-left: 15%;
-}
-
-.occupation-info {
-  margin-left: 15%;
-  font-size: large;
-}
-
-.profile-container {
-  margin-top: -16%;
-}
-
-.background-profile-container {
-  background-color: #ececec;
-  color: white;
-  border-top: 3px solid #a30e79;
-  border-right: 3px solid #a30e79;
-  font-weight: 700;
-  font-size: 1.15rem;
-  border-radius: 25px;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3)
-}
-
-.background-pink {
-  background-color: #cc6f91;
-  color: white;
-  font-weight: 400;
-}
-
-.socialicons {
-  width: 35px;
-  max-width: 100px;
-  margin-top: 3px;
-  margin-left: 40px;
-}
-
-.socialicons-mobile {
-  width: 35px;
-  max-width: 100px;
-  margin-top: 27px;
-  margin-left: 20px;
-}
-
-.youtube-card {
-  margin-left: 2%;
-  margin-right: 2%;
-  border-radius: 15px;
-  background-color: #f4f4f4;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4)
-}
-
-.card-title {
-  font-size: 1.4rem;
-  margin-top: 10px;
-}
-
-.card-date {
-  margin-left: 10px;
-  margin-top: -18px;
-  margin-bottom: -20px;
-  font-size: .8rem;
-}
-
-.social-container {
-  background-color: #006d77;
-  border-top-right-radius: 30px;
-  border-bottom-right-radius: 30px;
-  font-size: 1.7rem;
-  font-weight: 600;
-  color: white;
-}
-
-.social-container2 {
-  background-color: #0baab2;
-  border-bottom-right-radius: 30px;
-  font-size: 1.4rem;
-  font-weight: 500;
-  color: white;
-}
-
-.social-container-mobile {
-  background-color: #006d77;
-  font-size: 1.4rem;
-  font-weight: 600;
-  color: white;
-  z-index: 1000;
-  margin: auto;
-  text-align: center;
-}
-
-.social-icon-group-mobile {
-  background-color: #0baab2;
-}
-
-.mobile-profile-picture-creator {
-  @apply rounded-full border-4 border-white;
-  height: 150px;
-  width: 150px;
-  max-width: 150px;
-}
-
-.profile-banner {
-  margin-top: 25px;
-  min-height: 200px
-}
-
-</style>
\ No newline at end of file
diff --git a/src/views/manualusers/LeffetProfile.vue b/src/views/manualusers/LeffetProfile.vue
deleted file mode 100644
index d88b160..0000000
--- a/src/views/manualusers/LeffetProfile.vue
+++ /dev/null
@@ -1,656 +0,0 @@
-<template>
-
-  <v-row class="fluid" style="margin-top: -65px; position: relative; z-index: 0; ">
-    <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-      <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
-             style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
-    </v-col>
-  </v-row>
-  <v-row style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);">
-  </v-row>
-
-  <!-- "Core (Menu / Center / Donation)" -->
-  <v-row>
-
-    <!-- Profile Info Picture name title & description -->
-    <v-col class="middle-col" style="z-index: 5;" cols="12" xs="12" sm="12" md="6" lg="5" xl="4" xxl="4">
-      <v-container class="profile-container">
-        <v-container>
-          <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
-          <!-- User informations Name & title  -->
-          <v-container class="background-profile-container" style="margin-top: -8%;">
-            <v-row>
-              <v-col style="height: 50px;" cols="7" offset="2" class="social-container">
-                <h1 class="name-info">{{ name }}</h1>
-              </v-col>
-              <v-col></v-col>
-            </v-row>
-            <v-row>
-              <v-col style="height: 50px;" cols="6" offset="2" class="social-container2">
-                <h1 class="occupation-info">{{ title }}</h1>
-              </v-col>
-              <v-col></v-col>
-            </v-row>
-
-            <!-- User Social Network Links -->
-            <v-row>
-              <v-spacer></v-spacer>
-              <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
-                <v-row>
-                  <a href="https://www.facebook.com/Hutopy">
-                    <img class="socialicons" src="/images/hutopymedia/icons/black/facebookblack.png"
-                         alt="Description image 2">
-                  </a>
-                  <a href="https://fondationleffet.ca/">
-                    <img class="socialicons" src="/images/hutopymedia/icons/black/leffetblack.png"
-                         alt="Description image 2">
-                  </a>
-                </v-row>
-              </v-col>
-              <v-col background-color="primary"></v-col>
-            </v-row>
-
-            <!-- Description  -->
-            <v-row>
-              <v-container
-                  style="border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-top: 15px;">
-                <v-expansion-panels style="min-width: 320px;">
-                  <v-col cols="12" offset="-1">
-                    <v-expansion-panel class="background-pink text-justify" style="color: white;"
-                                       text="La Fondation L'effet est un organisme de bienfaisance qui a trois fins principales, toutes pour prendre soin de son prochain. Notre principal objectif est de promouvoir l’éducation, en fournissant les ressources nécessaires et en donnant des conférences afin d’encourager la persévérance scolaire. Nous soulageons également les conditions des personnes atteintes d'un handicap en offrant des programmes récréatifs et d’autres services de soutien visant à appuyer leur mieux-être physique, mental et émotif afin qu’ils deviennent et demeurent des acteurs importants au sein de la collectivité. La Fondation L’effet encourage aussi les autres organismes et aide les initiatives individuelles ou corporatives à faire une différence positive dans leur communauté."
-                                       title="Notre mission">
-                    </v-expansion-panel>
-                  </v-col>
-                </v-expansion-panels>
-              </v-container>
-            </v-row>
-          </v-container>
-        </v-container>
-      </v-container>
-      <v-container>
-      </v-container>
-
-      <v-container style="margin-top: -30px">
-        <v-card class="flow-menu m-0 youtube-card">
-          <!-- Title, date and btn -->
-          <v-col>
-            <v-row>
-              <v-col class="text-center">
-                <h1 class="card-title">
-                  DOCU-PODCAST</h1>
-              </v-col>
-
-              <!--<v-col class="text-right">
-<v-btn class="btn-card-options" flat tile elevation="0">
-                  <v-icon style="color: #6e6e6e; font-size: 24px;">mdi-dots-vertical</v-icon>
-                </v-btn>          (a intégrer)
-              </v-col> -->
-            </v-row>
-
-          </v-col>
-
-          <!-- Card core Video/image & text -->
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
-            <v-container>
-              <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
-                      src="https://www.youtube.com/embed/3MqKVf1CEIQ?si=aV03Xq2ZNwlv1DWu" title="Guillaumem"
-                      frameborder="0"
-                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                      allowfullscreen></iframe>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px">
-                    24-04-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-
-              <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
-
-                C’est un honneur de vous
-                En exclusivité : Voici l'Épisode 8 de la Saison 2 du Docu-Podcast de Cédieu Léveillé avec le Fondateur
-                de la
-                Fondation l'Effet, Marc-Olivier Hébert. Cette homme est un Ange sur 2 pattes et un Master de
-                l'Introspection :
-                '' Quand j'ai Compris que Mon Seul Obstacle Était Moi-même '' ! Merci de continuer à faire partie de
-                cette
-                AVENTURE et à être les PIONNIERS de mon Docu-Podcast. Seuls vous, Fidèles PIADINS avez le DROIT à
-                l'ENTIÈRETÉ
-                de ces images !!!
-                Marc-Olivier
-                Marc-Olivier Hébert
-                Le nom de la Fondation vient de l'origine du phénomène que l’on nomme ‘’L’effet Papillon’’. Cette
-                théorie
-                implique que le battement d’ailes d’un papillon au Brésil peut provoquer une tempête au Texas.
-
-                Selon l’expression, inventée par le météorologue Edward Lorenz, il suffit de modifier de façon infime
-                un
-                paramètre dans un modèle météo pour que celui-ci s’amplifie progressivement et provoque, à long terme,
-                des
-                changements colossaux. Cette notion ne concerne plus seulement la météo, mais s’applique également aux
-                sciences humaines et à l’environnement. <br><br>
-
-                L'effet papillon est matérialisé par une chaîne d'événements qui se suivent les uns les autres et dont
-                le
-                précédent influe sur le suivant. Ainsi, on part d'un événement minuscule au début de la chaîne pour
-                arriver à
-                une chose gigantesque.
-                <br><br>
-
-                Chaque action que nous entreprenons crée automatiquement un résultat. Il est à nous de choisir qu’il
-                soit
-                toujours positif.
-                <br><br>
-
-                Donc, voici toute l’essence de la nature de cette fondation. Que de petites actions et gestes positifs
-                créeront automatiquement de grandes et merveilleuses différences positives dans la vie des
-                participants
-                et des
-                bénéficiaires.
-              </p>
-
-
-              <!-- Like dislike commment Section -->
-              <div style="height: 20px;"></div>
-              <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-              <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-        </v-card>
-      </v-container>
-
-      <!-- Le nom -->
-      <v-container>
-        <v-card class="flow-menu m-0 youtube-card">
-          <!-- Title, date and btn -->
-          <v-col>
-            <v-row>
-              <v-col class="text-center">
-                <h1 class="card-title">
-                  C'EST PARTI POUR 2024!</h1>
-              </v-col>
-              <!--
-              <v-col class="text-right">
-               <v-btn class="btn-card-options" flat tile elevation="0">
-                  <v-icon style="color: #6e6e6e; font-size: 24px;">mdi-dots-vertical</v-icon>
-                </v-btn>          (a intégrer)
-              </v-col>  -->
-            </v-row>
-
-          </v-col>
-
-          <!-- Card core Video/image & text -->
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
-            <v-container>
-              <v-img src="images/usersmedia/leffet/profilepictures/leffetProfile01.png" title="Guillaumem"></v-img>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px">
-                    22-04-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-              <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">Le nom de la Fondation vient de
-                l'origine du phénomène que l’on nomme ‘’L’effet Papillon’’. Cette théorie implique que le battement
-                d’ailes d’un papillon au Brésil peut provoquer une tempête au Texas.<br><br>
-
-                Selon l’expression, inventée par le météorologue Edward Lorenz, il suffit de modifier de façon infime
-                un paramètre dans un modèle météo pour que celui-ci s’amplifie progressivement et provoque, à long
-                terme,
-                des changements colossaux. Cette notion ne concerne plus seulement la météo, mais s’applique également
-                aux
-                sciences humaines et à l’environnement.<br>
-                <br>
-
-                L'effet papillon est matérialisé par une chaîne d'événements qui se suivent les uns les autres et dont
-                le précédent influe sur le suivant. Ainsi, on part d'un événement minuscule au début de la chaîne pour
-                arriver à une chose gigantesque.<br>
-                <br>
-
-
-                Chaque action que nous entreprenons crée automatiquement un résultat. Il est à nous de choisir qu’il
-                soit toujours positif.
-
-                Donc, voici toute l’essence de la nature de cette fondation. Que de petites actions et gestes positifs
-                créeront automatiquement de grandes et merveilleuses différences positives dans la vie des
-                participants et
-                des bénéficiaires.
-              </p>
-
-              <!-- Like dislike commment Section -->
-              <div style="height: 20px;"></div>
-              <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-              <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-        </v-card>
-      </v-container>
-
-    </v-col>
-  </v-row>
-  
-</template>
-
-<script setup>
-let imageSrc = '/images/usersmedia/leffet/banners/banner02.png';
-let profilePicture = '/images/usersmedia/leffet/profilepictures/leffetProfile01.png';
-let name = 'L\'EFFET'
-let title = 'Page officiel'
-</script>
-
-<style scoped>
-
-.name-info {
-  margin-top: -10px;
-  margin-left: 15%;
-}
-
-.occupation-info {
-  margin-left: 15%;
-  font-size: large;
-}
-
-.profile-container {
-  margin-top: -16%;
-}
-
-.background-profile-container {
-  background-color: #ececec;
-  color: white;
-  border-top: 3px solid #a30e79;
-  border-right: 3px solid #a30e79;
-  font-weight: 700;
-  font-size: 1.15rem;
-  border-radius: 25px;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3)
-}
-
-.background-pink {
-  background-color: #c9017d;
-  color: white;
-  font-weight: 400;
-}
-
-.socialicons {
-  width: 35px;
-  max-width: 100px;
-  margin-top: 3px;
-  margin-left: 40px;
-}
-
-.socialicons-mobile {
-  width: 35px;
-  max-width: 100px;
-  margin-top: 27px;
-  margin-left: 20px;
-}
-
-.youtube-card {
-  margin-left: 2%;
-  margin-right: 2%;
-  border-radius: 15px;
-  background-color: #f4f4f4;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4)
-}
-
-.card-title {
-  font-size: 1.4rem;
-  margin-top: 10px;
-}
-
-.social-container {
-  background-color: #79cc02;
-  border-top-right-radius: 30px;
-  border-bottom-right-radius: 30px;
-  font-size: 1.7rem;
-  font-weight: 600;
-  color: white;
-}
-
-.social-container2 {
-  background-color: #fbc702;
-  border-bottom-right-radius: 30px;
-  font-size: 1.4rem;
-  font-weight: 500;
-  color: white;
-}
-
-.social-container-mobile {
-  background-color: #9add03;
-  font-size: 1.4rem;
-  font-weight: 600;
-  color: white;
-  z-index: 1000;
-  margin: auto;
-  text-align: center;
-}
-
-.social-icon-group-mobile {
-  background-color: #588801;
-}
-
-.mobile-profile-picture-creator {
-  height: 150px;
-  width: 150px;
-  border-radius: 50%;
-  max-width: 150px;
-  border: 6px solid white;
-  z-index: 1000;
-}
-
-.profile-banner {
-  margin-top: 25px;
-  min-height: 200px
-}
-
-@media (min-width: 150px) and (max-width: 474px) {
-  .mobile-profile-picture-creator {
-    transform: scale(1.5) translateY(-30%) translateX(0%);
-  }
-
-  .socialicons-mobile {
-    width: 35px;
-    max-width: 100px;
-    margin-top: 0px;
-    margin-left: 20px;
-  }
-}
-
-
-@media (min-width: 475px) and (max-width: 599px) {
-  .socialicons-mobile {
-    width: 35px;
-    max-width: 100px;
-    margin-top: 0px;
-    margin-left: px;
-  }
-
-  .mobile-profile-picture-creator {
-    transform: scale(1.5) translateY(-30%) translateX(0%);
-  }
-
-  .occupation-info {
-    font-size: 1rem;
-  }
-
-  .card-youtube {
-    min-height: 250px;
-  }
-}
-
-@media (min-width: 599px) and (max-width: 749px) {
-  .mobile-profile-picture-creator {
-    transform: scale(1.5) translateY(25%) translateX(0%);
-  }
-
-  .profile-container {
-
-    width: 110%;
-    margin-left: -3%;
-  }
-
-  .name-info {
-    font-size: 1.2rem;
-  }
-
-  .occupation-info {
-    font-size: 1rem;
-  }
-
-  .card-youtube {
-    min-height: 330px;
-  }
-}
-
-@media (min-width: 750px) and (max-width: 960px) {
-  .mobile-profile-picture-creator {
-    transform: scale(1.8) translateY(25%) translateX(0%);
-  }
-
-  .profile-container {
-    width: 110%;
-    margin-left: -3%;
-  }
-
-  .name-info {
-    font-size: 1.2rem;
-  }
-
-  .occupation-info {
-    font-size: 1rem;
-  }
-
-  .card-youtube {
-    min-height: 425px;
-  }
-}
-
-@media (min-width: 960px) and (max-width: 1280px) {
-  .middle-col {
-    margin-left: -30px;
-  }
-
-  .profile-container {
-    margin-top: -185px;
-    min-width: 480px
-  }
-
-  .card-youtube {
-    min-height: 270px;
-  }
-
-  .mobile-profile-picture-creator {
-    transform: scale(1.3) translateY(25%) translateX(-50px);
-  }
-
-  .name-info {
-    font-size: 1.2rem;
-    margin-left: 20px;
-    margin-top: -6px
-  }
-
-  .occupation-info {
-    margin-left: 40px;
-    margin-top: -8px
-  }
-
-  .social-container {
-    margin-left: 80px;
-    min-width: 270px;
-    max-height: 40px
-  }
-
-  .social-container2 {
-    margin-left: 50px;
-    min-width: 250px;
-    max-height: 35px
-  }
-
-  .socialicons {
-    width: 34px;
-    max-width: 100px;
-    margin-top: 15px;
-    margin-left: 25px;
-  }
-}
-
-@media (min-width: 1280px) and (max-width: 1600px) {
-
-  .mobile-profile-picture-creator {
-    transform: scale(1.3) translateY(25%) translateX(-50px);
-  }
-
-  .profile-container {
-    margin-top: -180px;
-  }
-
-  .card-youtube {
-    min-height: 290px;
-  }
-
-  .name-info {
-    font-size: 1.2rem;
-    margin-left: 20px;
-    margin-top: -6px
-  }
-
-  .social-container {
-    margin-left: 90px;
-    min-width: 350px;
-    max-height: 40px
-  }
-
-  .occupation-info {
-    margin-left: 70px;
-    margin-top: -8px
-  }
-
-  .social-container2 {
-
-    margin-left: 40px;
-    min-width: 290px;
-    max-height: 35px
-  }
-
-  .socialicons {
-    width: 34px;
-    max-width: 100px;
-    margin-top: 15px;
-    margin-left: 25px;
-  }
-}
-
-@media (min-width: 1600px) and (max-width: 1919px) {
-  .mobile-profile-picture-creator {
-    transform: scale(1.4) translateY(25%) translateX(-40px);
-  }
-
-  .profile-container {
-    margin-top: -171px;
-  }
-
-  .card-youtube {
-    min-height: 355px;
-  }
-
-  .name-info {
-    font-size: 1.5rem;
-    margin-top: -4px;
-    margin-left: 35px;
-  }
-
-  .occupation-info {
-    font-size: 1.3rem;
-    margin-left: 75px;
-    margin-top: -2px
-  }
-
-  .social-container2 {
-    margin-left: 70px;
-    min-width: 300px;
-  }
-}
-
-@media (min-width: 1920px) and (max-width: 2559px) {
-
-  .profile-container {
-    margin-top: -160px;
-  }
-
-  .card-youtube {
-    min-height: 380px;
-  }
-
-  .mobile-profile-picture-creator {
-    transform: scale(1.4) translateY(25%) translateX(-40px);
-  }
-
-  .name-info {
-    font-size: 1.5rem;
-    margin-left: 35px;
-    margin-top: -4px;
-  }
-
-  .social-container {
-    margin-left: 100px;
-  }
-
-  .occupation-info {
-    font-size: 1.3rem;
-    margin-left: 110px;
-    margin-top: -4px
-  }
-
-  .social-container2 {
-    margin-left: 30px;
-    min-width: 360px;
-  }
-
-  .socialicons {
-    width: 38px;
-    max-width: 100px;
-    margin-top: 13px;
-    margin-left: 40px;
-  }
-}
-
-@media (min-width: 2560px) {
-  .mobile-profile-picture-creator {
-    transform: scale(1.5) translateY(25%) translateX(-20px);
-  }
-
-  .profile-container {
-    margin-top: -150px
-  }
-
-  .card-youtube {
-    min-height: 380px;
-  }
-
-  .name-info {
-    font-size: 2rem;
-
-  }
-
-  .social-container {
-    margin-left: 140px;
-  }
-
-  .social-container2 {
-    margin-left: 130px;
-  }
-
-  .occupation-info {
-    font-size: 1.5rem;
-    margin-left: 65px;
-    margin-top: -6px
-  }
-
-  .socialicons {
-    width: 45px;
-    max-width: 100px;
-    margin-top: 15px;
-    margin-left: 40px;
-  }
-}
-</style>
\ No newline at end of file
diff --git a/src/views/manualusers/MathieuCaron.vue b/src/views/manualusers/MathieuCaron.vue
deleted file mode 100644
index 4d45120..0000000
--- a/src/views/manualusers/MathieuCaron.vue
+++ /dev/null
@@ -1,383 +0,0 @@
-<template>
-
-  <v-row class="fluid" style="margin-top: -65px; position: relative; z-index: 0;">
-    <v-col cols="12" class="pa-0" style="width: 100vw; overflow: hidden;">
-      <v-img class="profile-banner" max-height="375" :src="imageSrc" cover
-             style="box-shadow: 0 4px 6px rgba(0, 0, 0, 0.8);"></v-img>
-    </v-col>
-  </v-row>
-
-  <v-row style="background-color: #6b0065; height: 5px; box-shadow: rgba(0, 0, 0, 0.7);">
-  </v-row>
-
-  <!-- "Core (Menu / Center / Donation)" -->
-  <v-row>
-
-    <!-- Profile Info Picture name title & description -->
-    <v-col class="middle-col" style="z-index: 5;" cols="12" xs="12" sm="12" md="6" lg="5" xl="4" xxl="4">
-      <v-container class="profile-container">
-        <v-container>
-          <v-img :src="profilePicture" class="elevation-4 mobile-profile-picture-creator"></v-img>
-          <!-- User informations Name & title  -->
-          <v-container class="background-profile-container" style="margin-top: -8%;">
-            <v-row>
-              <v-col style="height: 50px;" cols="7" offset="2" class="social-container">
-                <h1 class="name-info">{{ name }}</h1>
-              </v-col>
-              <v-col></v-col>
-            </v-row>
-            <v-row>
-              <v-col style="height: 50px;" cols="6" offset="2" class="social-container2">
-                <h1 class="occupation-info">{{ title }}</h1>
-              </v-col>
-              <v-col></v-col>
-            </v-row>
-
-            <!-- User Social Network Links -->
-            <v-row>
-              <v-spacer></v-spacer>
-              <v-col cols="7" style="margin-top: 1%; margin-bottom: -2%;">
-                <v-row>
-                  <a href="https://www.facebook.com/MathieuCaronPro/">
-                    <img class="socialicons"
-                         src="/images/hutopymedia/icons/black/facebookblack.png"
-                         alt="Description image 2">
-                  </a>
-                  <a href="https://www.youtube.com/@lesinterviewsatypiquesdema4692">
-                    <img class="socialicons" src="/images/hutopymedia/icons/black/youtube.png"
-                         alt="Description image 2">
-                  </a>
-                </v-row>
-              </v-col>
-              <v-col background-color="primary"></v-col>
-            </v-row>
-
-            <!-- Description  -->
-            <v-row>
-              <v-container
-                  style="border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; margin-top: 15px;">
-                <v-expansion-panels style="min-width: 320px;">
-                  <v-col cols="12" offset="-1">
-                    <v-expansion-panel class="background-pink text-justify"
-                                       style="color: white;"
-                                       text="Mathieu Caron est un intervieweur et un conférencier peu banal. Étant lui-même neuro-atypique, il concilie travail, entrevues et conférences avec l’objectif de démystifier le trouble de l’autisme ainsi que promouvoir la différence et le droit d’être atypique.
-
-Il réalise des allocutions et de nombreuses entrevues avec des personnalités du monde artistique, politique et des affaires. C’est sur les médias sociaux, dont Facebook et YouTube, qu’il diffuse ces communications et rencontres inusitées. Son engagement et le dépassement de soi dans ses réalisations lui permettent de contribuer à élargir l’acceptation sociale de la différence et de la singularité."
-                                       title="À propos des Entrevues Atypiques:">
-                    </v-expansion-panel>
-                  </v-col>
-                </v-expansion-panels>
-              </v-container>
-            </v-row>
-          </v-container>
-        </v-container>
-      </v-container>
-      <v-container>
-      </v-container>
-
-      <!-- LES DENIS DROLETS -->
-      <v-container style="margin-top: -30px">
-        <v-card class="flow-menu m-0 youtube-card">
-          <!-- Title, date and btn -->
-          <v-col>
-            <v-row>
-              <v-col class="text-center">
-                <h1 class="card-title">
-                  ENTREVUE ATYPIQUE AVEC LES DENIS DROLETS</h1>
-              </v-col>
-
-            </v-row>
-
-          </v-col>
-
-          <!-- Card core Video  LES DENIS DROLETS -->
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
-            <v-container>
-              <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
-                      src="https://www.youtube.com/embed/bj4QTpzEO6E?si=9NrwEpsZ-f_KPsNo"
-                      title="Guillaumem" frameborder="0"
-                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                      allowfullscreen></iframe>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px">
-                    16-05-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-
-              <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
-
-                Cette belle entrevue atypique est sans aucun doute un must dont j'en suis fiers !
-                Office des personnes handicapées du Québec, sans vous cette vidéo n'aurait pas été
-                possible.
-                <br> <br>
-                Merci aussi à Nissan et à J’achète Québécois, J’achète local ! JQJL !.
-                Vidéo et montage par Jacob Lacroix.
-              </p>
-
-
-              <!-- Like dislike commment Section -->
-              <div style="height: 20px;"></div>
-              <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-              <div
-                  style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-
-        </v-card>
-      </v-container>
-
-      <!-- Jocelyn Grégoire -->
-      <v-container>
-        <v-card class="flow-menu m-0 youtube-card">
-          <!-- Title, date and btn -->
-          <v-col>
-            <v-row>
-              <v-col class="text-center">
-                <h1 class="card-title">
-                  ENTREVUE ATYPIQUE AVEC JOCELYN GRÉGOIRE</h1>
-              </v-col>
-
-            </v-row>
-
-          </v-col>
-
-          <!-- Card core Video  -->
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
-            <v-container>
-              <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
-                      src="https://www.youtube.com/embed//61ZNNeuQV_Y?si=Yl1lzDvuNkaAFdPU"
-                      title="Guillaumem" frameborder="0"
-                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                      allowfullscreen></iframe>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px">
-                    28-04-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-
-              <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
-
-                Le 14 mars dernier, j'organisais un marathon d'entrevues atypiques au profit de
-                Autisme Estrie,
-                un organisme de mon coin dans le garage de Luc Poirier Perso.
-                Ici, vous avez la dernière entrevue « atypique » réalisé avec Jocelyn Grégoire de
-                Mordus
-                d'immobilier
-                <br> <br>
-                Le montage de la vidéo a été réalisé par Marius Lome et le maquillage par Artiste
-                maquilleuse
-                Anick Bonhomme.
-                <br> <br>
-                Merci à mon assistant technique Éthienne Lafond-Lessard.
-                À mes ''petits'' sponsors :
-                Véronique Bibeau, Nicolas Jachète Québécois Beaudry, Nissan et Office des personnes
-                handicapées
-                du Québec.
-                Musique : Lydie Morneau.
-              </p>
-
-
-              <!-- Like dislike commment Section -->
-              <div style="height: 20px;"></div>
-              <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-              <div
-                  style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-
-        </v-card>
-      </v-container>
-
-      <!-- Virginie Roy -->
-      <v-container>
-        <v-card class="flow-menu m-0 youtube-card">
-          <!-- Title, date and btn -->
-          <v-col>
-            <v-row>
-              <v-col class="text-center">
-                <h1 class="card-title">
-                  ENTREVUE ATYPIQUE AVEC VIRGINIE ROY</h1>
-              </v-col>
-
-            </v-row>
-
-          </v-col>
-
-          <!-- Card core Video -->
-          <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
-            <v-container>
-              <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
-                      src="https://www.youtube.com/embed/dYZZCDVUcuQ?si=g_97RA0w9Vs5hl13"
-                      title="Guillaumem" frameborder="0"
-                      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-                      allowfullscreen></iframe>
-
-              <!-- Date -->
-              <v-row class="text-right">
-                <v-col>
-                  <h1 style=" margin-right: 40px; margin-top: 10px">
-                    28-04-2024
-                  </h1>
-                </v-col>
-              </v-row>
-
-
-              <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
-
-                Le 14 mars dernier, j'organisais un marathon d'entrevues atypiques au profit de
-                Autisme Estrie,
-                un organisme de mon coin dans le garage de Luc Poirier Perso.
-                Ici, vous avez la dernière entrevue « atypique » réalisé avec Jocelyn Grégoire de
-                Mordus
-                d'immobilier
-                <br> <br>
-                Le montage de la vidéo a été réalisé par Marius Lome et le maquillage par Artiste
-                maquilleuse
-                Anick Bonhomme.
-                <br> <br>
-                Merci à mon assistant technique Éthienne Lafond-Lessard.
-                À mes ''petits'' sponsors :
-                Véronique Bibeau, Nicolas Jachète Québécois Beaudry, Nissan et Office des personnes
-                handicapées
-                du Québec.
-                Musique : Lydie Morneau.
-              </p>
-
-
-              <!-- Like dislike commment Section -->
-              <div style="height: 20px;"></div>
-              <div
-                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-              <div
-                  style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
-              </div>
-
-              <!-- Comments -->
-              <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
-                            placeholder="Commentaire (Arrive bientôt)"></v-text-field>
-            </v-container>
-          </div>
-
-        </v-card>
-      </v-container>
-    </v-col>
-  </v-row>
-</template>
-
-<script setup>
-let imageSrc = '/images/usersmedia/mathieuCaron/banners/bannerMathieuCaron01.png';
-let profilePicture = '/images/usersmedia/mathieuCaron/profilepictures/profileMathieuCaron01.png';
-let name = 'Mathieu Caron'
-let title = 'Intervieweur'
-</script>
-
-<style scoped>
-
-.name-info {
-  margin-top: -10px;
-  margin-left: 15%;
-}
-
-.occupation-info {
-  margin-left: 15%;
-  font-size: large;
-}
-
-.profile-container {
-  margin-top: -16%;
-}
-
-.background-profile-container {
-  background-color: #ececec;
-  color: white;
-  border-top: 3px solid #a30e79;
-  border-right: 3px solid #a30e79;
-  font-weight: 700;
-  font-size: 1.15rem;
-  border-radius: 25px;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3)
-}
-
-.background-pink {
-  background-color: #1d1d1b;
-  color: white;
-  font-weight: 400;
-}
-
-.socialicons {
-  width: 35px;
-  max-width: 100px;
-  margin-top: 3px;
-  margin-left: 40px;
-}
-
-.youtube-card {
-  margin-left: 2%;
-  margin-right: 2%;
-  border-radius: 15px;
-  background-color: #f4f4f4;
-  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4)
-}
-
-.card-title {
-  font-size: 1.4rem;
-  margin-top: 10px;
-}
-
-.social-container {
-  background-color: #101b49;
-  border-top-right-radius: 30px;
-  border-bottom-right-radius: 30px;
-  font-size: 1.7rem;
-  font-weight: 600;
-  color: white;
-}
-
-.social-container2 {
-  background-color: #698fe7;
-  border-bottom-right-radius: 30px;
-  font-size: 1.4rem;
-  font-weight: 500;
-  color: white;
-}
-
-.mobile-profile-picture-creator {
-  height: 150px;
-  width: 150px;
-  border-radius: 50%;
-  max-width: 150px;
-  border: 6px solid white;
-  z-index: 1000;
-}
-
-.profile-banner {
-  margin-top: 25px;
-  min-height: 200px
-}
-
-</style>
\ No newline at end of file

From 90a5297a31fb529b0b2358121c7449493070df8b Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 4 Aug 2024 21:22:18 -0400
Subject: [PATCH 034/109] Remove import creator

---
 src/router/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/router/index.js b/src/router/index.js
index 716fc69..d9c2ead 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,5 +1,4 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import GuillaumeAime from '@/views/manualusers/GuillaumeAime.vue'
 import About from '@/views/documentation/About.vue'
 import ContentPolicy from '@/views/documentation/ContentPolicy.vue'
 import FAQ from '@/views/documentation/FAQ.vue'

From 811507c612652a28eb84e38abef83d10f305f42c Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sun, 4 Aug 2024 21:52:55 -0400
Subject: [PATCH 035/109] Ensure the 'creator link' in the profile menu is
 hidden when no creator is associated

---
 src/views/main/Header.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index bc5217c..80c978a 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -77,7 +77,7 @@
             </template>
 
             <template v-else>
-              <v-list-item v-if="userStore.creator" class="nav-button">
+              <v-list-item v-if="userStore.creator && Object.keys(userStore.creator).length > 0" class="nav-button">
                 <router-link :to="`/@${userStore.creator.name}`">
                   <v-btn class="w-100 " variant="plain">@{{ userStore.creator.name }}</v-btn>
                 </router-link>

From 1b43f0434c337a23fe516845c8415fad83aaafde Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sun, 4 Aug 2024 21:53:08 -0400
Subject: [PATCH 036/109] Fix typos

---
 src/views/main/SelectedFooter.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/main/SelectedFooter.vue b/src/views/main/SelectedFooter.vue
index c6912fd..f6143ba 100644
--- a/src/views/main/SelectedFooter.vue
+++ b/src/views/main/SelectedFooter.vue
@@ -30,7 +30,7 @@
       <v-btn variant="plain"> Guide pour les créateurs</v-btn>
     </router-link>
     <router-link to="/termsandconditions">
-      <v-btn variant="plain"> TermsAndConditions </v-btn>
+      <v-btn variant="plain">Termes et Conditions </v-btn>
     </router-link>
     <router-link to="/contentpolicy">
       <v-btn variant="plain"> Politique de Contenu </v-btn>

From feb5f5003d5e07fa83acf25d509788cfec74ce40 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sun, 4 Aug 2024 22:12:49 -0400
Subject: [PATCH 037/109] Renamed the router/index.js to router/router.js to
 easy code review

---
 src/main.js                        | 2 +-
 src/router/{index.js => router.js} | 0
 2 files changed, 1 insertion(+), 1 deletion(-)
 rename src/router/{index.js => router.js} (100%)

diff --git a/src/main.js b/src/main.js
index 9c17a5b..c359ac9 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,6 +1,6 @@
 import {createApp} from 'vue'
 import App from './App.vue'
-import router from './router'
+import router from './router/router.js'
 import './assets/main.css'
 import {createPinia} from 'pinia'
 import '@mdi/font/css/materialdesignicons.css'
diff --git a/src/router/index.js b/src/router/router.js
similarity index 100%
rename from src/router/index.js
rename to src/router/router.js

From 9cbf63339ae19d5d5d797db03418726c51883c52 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Sun, 4 Aug 2024 22:30:33 -0400
Subject: [PATCH 038/109] Fix the issue where the content was not refresh when
 navigating between creators

---
 src/views/contents/ContentList.vue | 31 +++++++++++++++++++++---------
 src/views/creators/CreatorPage.vue | 27 +++++++++-----------------
 2 files changed, 31 insertions(+), 27 deletions(-)

diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index 4dbc0c0..ba81811 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -1,13 +1,12 @@
 <template>
 
   <v-infinite-scroll :items="contents"
-                     :onLoad="load">
+                     :onLoad="fetchContents">
 
     <template v-for="content in contents">
-      <ContentCard :content="content"
-                   class="w-full p-2 my-2"
-      >
-      </ContentCard>
+      <content-card :content="content"
+                    class="w-full p-2 my-2"
+      ></content-card>
     </template>
 
     <template v-slot:empty>
@@ -20,14 +19,12 @@
 
   </v-infinite-scroll>
 
-  <p class="bg-orange">test</p>
-
 </template>
 
 <script setup>
 
 import {useClient} from '@/plugins/api.js';
-import {ref} from 'vue';
+import {ref, watch} from 'vue';
 import ContentCard from "./ContentCard.vue";
 
 const props = defineProps({
@@ -43,7 +40,23 @@ const page_size = 10
 const errorMessage = ref()
 let last_id = null
 
-async function load({done}) {
+const creatorIdWatcher = watch(
+    () => props.creatorId,
+    (newCreatorId) => {
+      if (newCreatorId) {
+        // Reset contents and last_id when the creatorId changes
+        contents.value = [];
+        last_id = null;
+        // Fetch contents for the new creator
+        fetchContents({
+          done: () => {
+          }
+        });
+      }
+    },
+    {immediate: true})
+
+async function fetchContents({done}) {
   try {
     let uri = `/api/contents/creator/${props.creatorId}?page_size=${page_size}`
     if (last_id !== null) uri = uri + `&last_id=${last_id}`
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 29a4d33..e51250b 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -2,6 +2,7 @@
   <div v-if="creator && creator.id">
 
     <creator-banner :creator="creator"></creator-banner>
+
     <donation-popup :creator-id="creator.id"></donation-popup>
 
     <div class="max-w-[1000px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
@@ -43,32 +44,22 @@ const route = useRoute();
 const creator = ref(null);
 const loading = ref(true);
 
-onBeforeMount(async () => {
-  setTimeout(() => {
-    loading.value = false;
-  }, 1500);
-  await fetchCreatorData(route.params.creator);
-});
+onBeforeMount(async () => await fetchCreatorData(route.params.creator))
 
 watch(
     () => route.params.creator,
-    async () => {
-      loading.value = true;
-      setTimeout(() => {
-        loading.value = false;
-      }, 1000);
-      await fetchCreatorData(route.params.creator);
-    }
-);
+    async () => await fetchCreatorData(route.params.creator)
+)
 
 const fetchCreatorData = async (creatorAlias) => {
   try {
+    loading.value = true
     const response = await client.get(`/api/creators/@${creatorAlias}`)
-    creator.value = response.data;
-    console.log('loaded the following creator from api');
-    console.table(creator.value.id);
+    creator.value = response.data
   } catch (error) {
-    console.error(`Error fetching content: ${error}`);
+    console.error(`Error fetching content: ${error}`)
+  } finally {
+    loading.value = false
   }
 }
 

From dadb63369c9d55812c9bced82c29d0475d56daf1 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sun, 4 Aug 2024 23:54:07 -0400
Subject: [PATCH 039/109] Added the possibility to log in from the message via
 a modal.

---
 src/views/LoginView.vue            | 100 ++-------------------------
 src/views/main/LoginForm.vue       |  67 +++++++++++++++++++
 src/views/messages/Message.vue     |   2 +
 src/views/messages/PostMessage.vue | 104 ++++++++++++++---------------
 4 files changed, 126 insertions(+), 147 deletions(-)
 create mode 100644 src/views/main/LoginForm.vue

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index 8c01bc3..f82d386 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -1,114 +1,26 @@
 <template>
   <div class="hidden sm:block" style="height: 40px"></div>
-
   <div>
     <div class="flex flex-col lg:flex-row items-center justify-center">
       <div class="max-w-[700px] min-w-[300px]">
-        <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png"
-             alt="hutopy login">
+        <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png" alt="hutopy login">
       </div>
-
       <div class="flex flex-col items-center min-w-[300px] m-12">
-        <h1 class="text-center text-2xl font-bold mb-5">Connexion</h1>
-
-        <google-login class="w-full" :callback="googleCallback" popup-type="TOKEN">
-          <template #default>
-            <v-btn density="comfortable" class="mb-2 w-full">
-              <v-icon left>mdi-google</v-icon>
-              Google
-            </v-btn>
-          </template>
-        </google-login>
-
-        <!--      <v-btn density="comfortable" class="mb-2 w-full">-->
-        <!--        <v-icon left>mdi-facebook</v-icon>-->
-        <!--        Facebook-->
-        <!--      </v-btn>-->
-
-        <div class="w-full h-0.5 mt-4 mb-4" :style="{ backgroundColor: '#A30E79' }"></div>
-
-        <v-btn density="comfortable" class="mb-2 w-full" @click="showEmailForm = !showEmailForm">
-          <v-icon left>mdi-account</v-icon>
-          Utilisateur
-        </v-btn>
-
-        <div v-if="showEmailForm" class="w-full mt-2">
-          <v-text-field v-model="email"
-                        label="Courriel"
-                        variant="outlined"
-                        dense
-                        prepend-inner-icon="mdi-email"
-                        color="transparent"
-                        class="text-black"
-          ></v-text-field>
-
-          <v-text-field v-model="password"
-                        label="Mot de passe"
-                        :type="showPassword ? 'text' : 'password'"
-                        variant="outlined"
-                        dense
-                        prepend-inner-icon="mdi-lock"
-                        append-inner-icon="mdi-eye"
-                        @click:append-inner="showPassword = !showPassword"
-                        color="transparent"
-                        class="text-black"
-          ></v-text-field>
-
-          <v-btn class="w-full text-center text-white" :style="{ backgroundColor: '#A30E79' }" @click="login">
-            Connecter
-          </v-btn>
-
-          <p class="mt-4 text-sm text-center">
-            Si vous n'avez pas de compte, <a href="/register" class="text-blue-500">cliquez ici</a> pour en créer un.
-          </p>
-
-          <div v-if="errorSnackBar" class="mb-4 text-red-600">
-            Nom d'utilisateur ou mot de passe invalide.
-            <button class="text-red-600 ml-4" @click="errorSnackBar = false">Fermer</button>
-          </div>
-        </div>
+        <LoginForm :onSuccess="handleSuccess"></LoginForm>
       </div>
     </div>
   </div>
-
-
   <selected-footer></selected-footer>
-
 </template>
 
 <script setup>
-import {ref} from 'vue';
-import {useRouter} from 'vue-router';
-import {useAuthStore} from '@/stores/authStore.js';
-import {GoogleLogin} from "vue3-google-login";
-// import { FacebookAuth } from '@xtiannyeto/vue-auth-social';
 import SelectedFooter from "@/views/main/SelectedFooter.vue";
+import LoginForm from "@/views/main/LoginForm.vue";
+import { useRouter } from 'vue-router';
 
-const authStore = useAuthStore();
 const router = useRouter();
 
-const email = ref("");
-const password = ref("");
-
-const errorSnackBar = ref(false);
-const showEmailForm = ref(false);
-const showPassword = ref(false);
-
-async function login() {
-  const result = await authStore.login(email.value, password.value);
-  if (result === true) {
-    await router.push('/')
-  }
+const handleSuccess = () => {
+  router.push('/');
 }
-
-const googleCallback = async (response) => {
-  await authStore.loginGoogle(response["access_token"]);
-  await router.push("/");
-};
-
-// const facebookAppId = import.meta.env.VITE_FACEBOOK_APP_ID;
-// const facebookCallback = (response) => {
-//   console.log("User Successfully Logged In", response);
-// };
-
 </script>
diff --git a/src/views/main/LoginForm.vue b/src/views/main/LoginForm.vue
new file mode 100644
index 0000000..0ef24f6
--- /dev/null
+++ b/src/views/main/LoginForm.vue
@@ -0,0 +1,67 @@
+<template>
+  <div>
+    <div class="flex flex-col items-center min-w-[300px] m-4">
+      <h1 class="text-center text-2xl font-bold mb-5">Connexion</h1>
+      <google-login class="w-full" :callback="googleCallback" popup-type="TOKEN">
+        <template #default>
+          <v-btn density="comfortable" class="mb-2 w-full">
+            <v-icon left>mdi-google</v-icon>
+            Google
+          </v-btn>
+        </template>
+      </google-login>
+      <div class="w-full h-0.5 mt-4 mb-4" :style="{ backgroundColor: '#A30E79' }"></div>
+      <v-btn density="comfortable" class="mb-2 w-full" @click="showEmailForm = !showEmailForm">
+        <v-icon left>mdi-account</v-icon>
+        Utilisateur
+      </v-btn>
+      <div v-if="showEmailForm" class="w-full mt-2">
+        <v-text-field v-model="email" label="Courriel" variant="outlined" dense prepend-inner-icon="mdi-email" color="transparent" class="text-black"></v-text-field>
+        <v-text-field v-model="password" label="Mot de passe" :type="showPassword ? 'text' : 'password'" variant="outlined" dense prepend-inner-icon="mdi-lock" append-inner-icon="mdi-eye" @click:append-inner="showPassword = !showPassword" color="transparent" class="text-black"></v-text-field>
+        <v-btn class="w-full text-center text-white" :style="{ backgroundColor: '#A30E79' }" @click="login">Connecter</v-btn>
+        <p class="mt-4 text-sm text-center">Si vous n'avez pas de compte, <a href="/register" class="text-blue-500">cliquez ici</a> pour en créer un.</p>
+        <div v-if="errorSnackBar" class="mb-4 text-red-600">Nom d'utilisateur ou mot de passe invalide. <button class="text-red-600 ml-4" @click="errorSnackBar = false">Fermer</button></div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {ref} from 'vue';
+import {useRouter} from 'vue-router';
+import {useAuthStore} from '@/stores/authStore.js';
+import {GoogleLogin} from "vue3-google-login";
+
+const authStore = useAuthStore();
+const router = useRouter();
+
+const email = ref("");
+const password = ref("");
+const errorSnackBar = ref(false);
+const showEmailForm = ref(false);
+const showPassword = ref(false);
+
+const props = defineProps({
+  onSuccess: {
+    type: Function,
+    required: true
+  },
+  onFailure: {
+    type: Function,
+    required: false
+  }
+});
+
+async function login() {
+  const result = await authStore.login(email.value, password.value);
+  if (result === true) {
+    props.onSuccess();
+  } else {
+    if (props.onFailure) {
+      props.onFailure();
+    }
+    errorSnackBar.value = true;
+  }
+}
+
+</script>
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index 7975602..1c1c8a0 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -59,6 +59,8 @@
 
 import {time_ago} from "@/internal_time_ago.js";
 
+
+
 const props = defineProps({
   message: {
     type: Object,
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 4f14ab7..20aaf4e 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -1,46 +1,42 @@
 <template>
-
   <div class="flex flex-column">
-
     <div class="flex flex-row">
-
       <div class="mx-2 content-center">
-
-        <img :src="userStore.portraitUrl"
-             alt="Profile Image"
-             class="rounded-full"
-             width="32px"
-             height="32px">
+        <img :src="userStore.portraitUrl" alt="Profile Image" class="rounded-full" width="32px" height="32px">
       </div>
-
-      <v-text-field
-          v-model="value"
-          density="compact"
-          variant="solo-inverted"
-          placeholder="Votre commentaire..."
-          hide-details
-          clearable>
-      </v-text-field>
-
+      <v-text-field v-model="value" density="compact" variant="solo-inverted" placeholder="Votre commentaire..." hide-details clearable></v-text-field>
     </div>
-
     <div class="flex flex-row gap-2 mt-2 justify-end">
       <v-btn variant="plain">Annuler</v-btn>
       <v-btn variant="tonal" @click="publish">Commenter</v-btn>
     </div>
-
   </div>
-
+  <v-dialog v-model="loginModal" max-width="400">
+    <v-card>
+      <div class="flex flex-col items-center">
+        <v-img src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png" class="w-50"></v-img>
+        <LoginForm :onSuccess="handleSuccess" :onFailure="handleFailure"></LoginForm>
+        <v-card-text>Vous devez être connecté pour poster un commentaire.</v-card-text>
+      </div>
+      <v-card-actions>
+        <v-btn color="primary" text @click="closeModal">Fermer</v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
 </template>
 
 <script setup>
-
 import {ref} from 'vue';
-import {v7} from 'uuid'
+import {v7} from 'uuid';
 import {useRouter} from "vue-router";
 import {useClient} from '@/plugins/api.js';
 import {useUserStore} from "@/stores/userStore.js";
 import {useAuthStore} from "@/stores/authStore.js";
+import LoginForm from "@/views/main/LoginForm.vue";
+
+const closeModal = () => {
+  loginModal.value = false;
+}
 
 const props = defineProps({
   subjectId: {
@@ -51,6 +47,7 @@ const props = defineProps({
 
 const emit = defineEmits(['message-posted'])
 
+const loginModal = ref(false);
 const client = useClient()
 const value = ref("")
 const router = useRouter()
@@ -58,37 +55,38 @@ const userStore = useUserStore()
 const authStore = useAuthStore()
 
 const publish = async () => {
-
   if (!authStore.isAuthenticated) {
-    await router.push('/login')
-  }
-
-  try {
-    const messageId = v7()
-    
-    await client.post(`/api/messages/`,
-        {
-          "id": messageId,
-          "subjectId": props.subjectId,
-          "message": value.value
-        })
-
-    emit('message-posted',
-        {
-          "id": messageId,
-          "subjectId": props.subjectId,
-          "createdBy": userStore.user.id,
-          "createdByName": userStore.alias,
-          "createdByPortraitUrl": userStore.portraitUrl,
-          "createdAt": new Date(Date.now()).toISOString(),
-          "value": value.value,
-          "parentId": null
-        })
-
-    value.value = ''
-  } catch (error) {
-    console.error(`post api/message : ${error}`)
+    loginModal.value = true;
+  } else {
+    try {
+      const messageId = v7()
+      await client.post(`/api/messages/`, {
+        "id": messageId,
+        "subjectId": props.subjectId,
+        "message": value.value
+      })
+      emit('message-posted', {
+        "id": messageId,
+        "subjectId": props.subjectId,
+        "createdBy": userStore.user.id,
+        "createdByName": userStore.alias,
+        "createdByPortraitUrl": userStore.portraitUrl,
+        "createdAt": new Date(Date.now()).toISOString(),
+        "value": value.value,
+        "parentId": null
+      })
+      value.value = ''
+    } catch (error) {
+      console.error(`post api/message : ${error}`)
+    }
   }
 }
 
+const handleSuccess = () => {
+  loginModal.value = false;
+}
+
+const handleFailure = () => {
+  console.error('Login failed');
+}
 </script>

From 3a98b38a711e11ce812107d5e9ba1f2049cc5c93 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Mon, 5 Aug 2024 13:17:22 -0400
Subject: [PATCH 040/109] Fix an error when logging out was causing state
 issues

---
 src/stores/authStore.js                                    | 6 ++++--
 src/stores/userStore.js                                    | 2 +-
 src/views/contents/ContentList.vue                         | 7 +++----
 .../{CreatePostButton.vue => PublishContentButton.vue}     | 2 +-
 src/views/creators/CreatorBanner.vue                       | 6 +++---
 5 files changed, 12 insertions(+), 11 deletions(-)
 rename src/views/contents/{CreatePostButton.vue => PublishContentButton.vue} (97%)

diff --git a/src/stores/authStore.js b/src/stores/authStore.js
index 11a09d7..f129a0b 100644
--- a/src/stores/authStore.js
+++ b/src/stores/authStore.js
@@ -9,8 +9,10 @@ export const useAuthStore = defineStore(
     () => {
         const clientApi = useClient()
         const router = useRouter()
+   
         const accessToken = useSessionStorage('auth-accessToken', undefined)
         const refreshToken = useSessionStorage('auth-refreshToken', undefined)
+        
         const isAuthenticated = computed(() => !!accessToken.value)
 
         function updateTokens(data) {
@@ -25,9 +27,9 @@ export const useAuthStore = defineStore(
             })
         }
 
-        function logout() {
+        async function logout() {
             cleanTokens()
-            router.push('/')
+            await router.push('/')
         }
 
         async function login(email, password) {
diff --git a/src/stores/userStore.js b/src/stores/userStore.js
index ed038b0..e9af8db 100644
--- a/src/stores/userStore.js
+++ b/src/stores/userStore.js
@@ -10,7 +10,7 @@ export const useUserStore = defineStore(
         const authStore = useAuthStore()
         const authWatcher = watch(
             () => authStore.isAuthenticated,
-            async (newValue, oldValue) => {
+            async (newValue) => {
                 if (newValue) {
                     await fetchCurrentUserProfile()
                 } else {
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index ba81811..95b163d 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -45,16 +45,15 @@ const creatorIdWatcher = watch(
     (newCreatorId) => {
       if (newCreatorId) {
         // Reset contents and last_id when the creatorId changes
-        contents.value = [];
-        last_id = null;
+        contents.value = []
+        last_id = null
         // Fetch contents for the new creator
         fetchContents({
           done: () => {
           }
         });
       }
-    },
-    {immediate: true})
+    })
 
 async function fetchContents({done}) {
   try {
diff --git a/src/views/contents/CreatePostButton.vue b/src/views/contents/PublishContentButton.vue
similarity index 97%
rename from src/views/contents/CreatePostButton.vue
rename to src/views/contents/PublishContentButton.vue
index 970673f..fc737b2 100644
--- a/src/views/contents/CreatePostButton.vue
+++ b/src/views/contents/PublishContentButton.vue
@@ -61,7 +61,7 @@ const closeDialog = () => {
 <template>
 
   <button
-      v-if="creator.id === userStore.user.id"
+      v-if="creator && userStore.user && creator.id === userStore.user.id"
       class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125 px-4"
       @click="isDialogActive = true">
     <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 9b709ba..9984e79 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -59,7 +59,7 @@
           <div class="text-2xl text-center lg:text-left">
             <p :style="{ color: creator.profileColors.accent }">{{ creator.occupation }}</p>
           </div>
-          <div class="text-lg text-white" >{{creator.subscriberCount}} Abonnés</div>
+          <div class="text-lg text-white">{{ creator.subscriberCount }} Abonnés</div>
         </div>
 
         <!-- Buttons -->
@@ -69,7 +69,7 @@
 
           <subscribe-button :creator="creator"></subscribe-button>
 
-          <CreatePostButton :creator="creator"/>
+          <publish-content-button :creator="creator"/>
 
 
         </div>
@@ -79,10 +79,10 @@
 </template>
 
 <script setup>
-import CreatePostButton from "@/views/contents/CreatePostButton.vue";
 import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 import AboutYou from "@/views/creators/CreatorDescriptionBtn.vue";
 import SubscribeButton from "@/views/creators/SubscribeButton.vue";
+import PublishContentButton from "@/views/contents/PublishContentButton.vue";
 
 const props = defineProps({
   creator: {type: Object, required: true},

From 743bfea56ee95bbc27e92d1d42fb288bf37ab6ce Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Mon, 5 Aug 2024 13:24:01 -0400
Subject: [PATCH 041/109] fix typos

---
 src/views/LoginView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/LoginView.vue b/src/views/LoginView.vue
index f82d386..5d670ae 100644
--- a/src/views/LoginView.vue
+++ b/src/views/LoginView.vue
@@ -6,7 +6,7 @@
         <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png" alt="hutopy login">
       </div>
       <div class="flex flex-col items-center min-w-[300px] m-12">
-        <LoginForm :onSuccess="handleSuccess"></LoginForm>
+        <login-form :onSuccess="handleSuccess"></login-form>
       </div>
     </div>
   </div>
@@ -20,7 +20,7 @@ import { useRouter } from 'vue-router';
 
 const router = useRouter();
 
-const handleSuccess = () => {
-  router.push('/');
+const handleSuccess = async () => {
+  await router.push('/')
 }
 </script>

From bd30b584636456ea36f724cb07377f5122eafa0d Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Mon, 5 Aug 2024 16:34:09 -0400
Subject: [PATCH 042/109] Adds ChangeBanner for Creators

---
 src/stores/userStore.js                       |  21 ---
 .../Dialogs/PageInformations/BannerPicker.vue | 119 +++++++--------
 src/views/Profile/PageInformations.vue        | 143 +++++++++---------
 src/views/contents/PostContent.vue            |  19 ++-
 src/views/contents/PublishContentButton.vue   |   5 +-
 5 files changed, 140 insertions(+), 167 deletions(-)

diff --git a/src/stores/userStore.js b/src/stores/userStore.js
index e9af8db..fe87a59 100644
--- a/src/stores/userStore.js
+++ b/src/stores/userStore.js
@@ -52,26 +52,5 @@ export const useUserStore = defineStore(
             }
         }
 
-        async function updateCurrentUser(userModel, profilePicture) {
-            const client = useClient()
-            await client.patch("/api/UpdateMyUser/profile", userModel)
-
-            if (typeof userModel.storedDataUrls.profilePictureUrl !== "object") {
-                const haveNewProfilePicture = profilePicture !== null && profilePicture.size !== 0;
-                const updateProfilePictureEndpoint = haveNewProfilePicture ? `/api/UpdateMyUser/profile-picture` : `/api/UpdateMyUser/profile-picture?url=${userModel.storedDataUrls.profilePictureUrl}`;
-                const response = await client.post(updateProfilePictureEndpoint, profilePicture, {
-                    headers: {
-                        'Content-Type': profilePicture?.type ?? "application/octet-stream",
-                    }
-                });
-
-                if (haveNewProfilePicture) {
-                    this.user.value.portraitUrl = response.data;
-                }
-            }
-
-            this.user.value = userModel;
-        }
-
         return {user, creator, alias, portraitUrl}
     })
diff --git a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
index a1628c5..2b64e11 100644
--- a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
@@ -1,73 +1,68 @@
 <template>
-  <div class="p-4">
-    
-    <h2 class="text-2xl font-semibold mb-4 flex justify-center">Sélectionne ta bannière</h2>
-    <div class="mb-5">
-    <img
-        @click="openModal('BannerPicker')"
-        src="/images/hutopymedia/banners/tutorialbanner.png"
-        class="w-full transition duration-200 ease-in-out transform"
-        alt="Tutorial Banner"
-    >
-    </div>
-    <v-file-input
-        variant="outlined"
-        accept="image/*"
-        label="File input"
-    ></v-file-input>
+  <h2 class="text-2xl font-semibold mb-4 flex justify-center">
+    Bannière
+  </h2>
 
-    <div class="flex justify-end space-x-4">
-      <v-btn variant="plain" color="black">Annuler</v-btn>
-      <v-btn color="#A6147D">Enregistrer</v-btn>
-    </div>
+  <img
+      :src="fileUrl"
+      class="mb-5 w-full transition duration-200 ease-in-out transform"
+      alt="Aperçu de la bannière"
+  >
+
+  <v-file-input
+      v-model="selectedFile"
+      variant="outlined"
+      accept="image/*"
+      label="Votre bannière"
+      @change="onFileSelected"
+  ></v-file-input>
+
+  <div class="flex justify-end space-x-4">
+    <v-btn color="black" variant="text">Annuler</v-btn>
+    <v-btn color="#A6147D" @click="publish">Enregistrer</v-btn>
   </div>
+
 </template>
 
 <script setup>
-import { ref } from 'vue';
+import {ref} from 'vue'
+import {useClient} from '@/plugins/api.js'
 
-const bannerUrl = ref(null);
-
-const onFileChange = (event) => {
-  const file = event.target.files[0];
-  if (file && file.type.startsWith('image/')) {
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      bannerUrl.value = e.target.result;
-    };
-    reader.readAsDataURL(file);
-  } else {
-    alert('Veuillez sélectionner une image.');
+const props = defineProps({
+  creator: {
+    required: true
   }
-};
-</script>
+})
 
-<style scoped>
-.p-4 {
-  padding: 1rem;
+const selectedFile = ref("")
+const fileUrl = ref(props.creator.storedDataUrls.bannerPictureUrl)
+
+const onFileSelected = () => {
+  if (selectedFile.value) {
+    const reader = new FileReader()
+    reader.onload = (event) => {
+      fileUrl.value = event.target.result
+    }
+    reader.readAsDataURL(selectedFile.value)
+  } else {
+    fileUrl.value = null
+  }
 }
-.mb-4 {
-  margin-bottom: 1rem;
+
+const client = useClient()
+const publish = async () => {
+  try {
+    const formData = new FormData();
+    formData.append('file', selectedFile.value)
+
+    await client.post(
+        `/api/creators/${props.creator.id}/banner`,
+        formData)
+
+    props.creator.storedDataUrls.bannerPictureUrl = fileUrl
+  } catch (error) {
+    console.error(error)
+  }
 }
-.mt-4 {
-  margin-top: 1rem;
-}
-.text-lg {
-  font-size: 1.125rem;
-}
-.font-semibold {
-  font-weight: 600;
-}
-.w-full {
-  width: 100%;
-}
-.h-auto {
-  height: auto;
-}
-.rounded {
-  border-radius: 0.25rem;
-}
-.shadow {
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-</style>
+
+</script>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index fd21018..543d1bc 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -1,27 +1,76 @@
-<template>
+<script setup>
+import {ref} from 'vue';
+import ModalFacebook from '@/views/Profile/Dialogs/PageInformations/ModalFacebook.vue';
+import ModalInstagram from '@/views/Profile/Dialogs/PageInformations/ModalInstagram.vue';
+import ModalLinkedIn from '@/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue';
+import ModalReddit from '@/views/Profile/Dialogs/PageInformations/ModalReddit.vue';
+import ModalTikTok from '@/views/Profile/Dialogs/PageInformations/ModalTikTok.vue';
+import ModalWebsite from '@/views/Profile/Dialogs/PageInformations/ModalWebsite.vue';
+import ModalX from '@/views/Profile/Dialogs/PageInformations/ModalX.vue';
+import ModalYoutube from '@/views/Profile/Dialogs/PageInformations/ModalYoutube.vue';
+import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
+import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
+import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
+import ProfilePicturePicker from "@/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue";
+import ColorBorder from "@/views/Profile/Dialogs/PageInformations/ColorBorder.vue";
+import ColorMenu from "@/views/Profile/Dialogs/PageInformations/ColorMenu.vue";
+import {useUserStore} from "@/stores/userStore.js";
+
+const userStore = useUserStore()
+
+const dialog = ref(false);
+const currentComponent = ref('');
+
+const componentsMap = {
+  ModalFacebook,
+  ModalInstagram,
+  ModalLinkedIn,
+  ModalReddit,
+  ModalTikTok,
+  ModalWebsite,
+  ModalX,
+  ModalYoutube,
+  BannerPicker,
+  ColorTopBanner,
+  ColorBottomBanner,
+  ProfilePicturePicker,
+  ColorBorder,
+  ColorMenu
+};
+
+const openModal = (component) => {
+  currentComponent.value = componentsMap[component];
+  dialog.value = true;
+};
+
+</script>
+
+<template>
   <div class="flex flex-col items-center w-full">
-    <h1 class="uppercase pb-5 text-2xl">   <v-icon class="mr-2">mdi-file-edit-outline</v-icon> Informations de votre page</h1>
+    <h1 class="uppercase pb-5 text-2xl">
+      <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
+      Informations de votre page
+    </h1>
 
     <div class="border rounded-2xl w-full max-w-[800px]">
       <div class="py-5 uppercase ml-4">Bannière et image de profil</div>
-      <div class="flex flex-col w-full">    
-       
+      <div class="flex flex-col w-full">
+
         <button
-           @click="openModal('ColorTopBanner')"
+            @click="openModal('ColorTopBanner')"
             class="flex justify-end h-10 align-center bg-fuchsia-800 text-white px-5 hover:brightness-150">
           <v-icon>mdi-eyedropper-variant</v-icon>
         </button>
 
-        <button >
+        <button>
           <img
               @click="openModal('BannerPicker')"
-              src="/images/hutopymedia/banners/tutorialbanner.png"
+              :src="userStore.creator.storedDataUrls.bannerPictureUrl"
               class="w-full transition duration-200 ease-in-out transform hover:brightness-125"
               alt="Tutorial Banner"
           >
         </button>
 
-
         <button
             @click="openModal('ColorBottomBanner')"
             class="flex justify-end h-10 align-center bg-fuchsia-600 text-white px-5 hover:brightness-150">
@@ -37,7 +86,7 @@
           >
         </button>
 
-        <button 
+        <button
             @click="openModal('ColorBorder')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-circle-outline</v-icon></span>
@@ -55,7 +104,7 @@
           <span class="flex-none">
            <v-icon>mdi-eyedropper-variant</v-icon>
           </span>
-        </button>    
+        </button>
       </div>
     </div>
 
@@ -86,7 +135,8 @@
         <button
             @click="openModal('ModalX')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/xblack.png" class="w-5 h-5" ></span>
+          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/xblack.png"
+                                                                class="w-5 h-5"></span>
           <span class="flex-auto text-left pr-6">X</span>
           <span class="flex-none">          
                         <v-icon>mdi-chevron-right</v-icon>
@@ -106,10 +156,11 @@
         <button
             @click="openModal('ModalTikTok')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
-          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/externals/tiktok-black.png" class="w-5 h-5" ></span>
+          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/externals/tiktok-black.png"
+                                                                class="w-5 h-5"></span>
           <span class="flex-auto text-left pr-6">TikTok</span>
-          <span class="flex-none">          
-                        <v-icon>mdi-chevron-right</v-icon>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
@@ -142,8 +193,8 @@
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
-        
-        
+
+
       </div>
     </div>
   </div>
@@ -151,75 +202,25 @@
   <!-- Modal -->
   <v-dialog v-model="dialog" max-width="600px">
     <v-card>
-      <v-card-title>
-
-        <v-spacer></v-spacer>
-
-      </v-card-title>
       <v-card-text>
-        <component :is="currentComponent"></component>
+        <component :is="currentComponent" :creator="userStore.creator"></component>
       </v-card-text>
     </v-card>
   </v-dialog>
-  
 
 </template>
 
-
-
-<script setup>
-import { ref } from 'vue';
-import ModalFacebook from '@/views/Profile/Dialogs/PageInformations/ModalFacebook.vue';
-import ModalInstagram from '@/views/Profile/Dialogs/PageInformations/ModalInstagram.vue';
-import ModalLinkedIn from '@/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue';
-import ModalReddit from '@/views/Profile/Dialogs/PageInformations/ModalReddit.vue';
-import ModalTikTok from '@/views/Profile/Dialogs/PageInformations/ModalTikTok.vue';
-import ModalWebsite from '@/views/Profile/Dialogs/PageInformations/ModalWebsite.vue';
-import ModalX from '@/views/Profile/Dialogs/PageInformations/ModalX.vue';
-import ModalYoutube from '@/views/Profile/Dialogs/PageInformations/ModalYoutube.vue';
-import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
-import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
-import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
-import ProfilePicturePicker from "@/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue";
-import ColorBorder from "@/views/Profile/Dialogs/PageInformations/ColorBorder.vue";
-import ColorMenu from "@/views/Profile/Dialogs/PageInformations/ColorMenu.vue";
-
-const dialog = ref(false);
-const currentComponent = ref('');
-
-const componentsMap = {
-  ModalFacebook,
-  ModalInstagram,
-  ModalLinkedIn,
-  ModalReddit,
-  ModalTikTok,
-  ModalWebsite,
-  ModalX,
-  ModalYoutube,
-  BannerPicker,
-  ColorTopBanner,
-  ColorBottomBanner,
-  ProfilePicturePicker,
-  ColorBorder,
-  ColorMenu
-};
-
-const openModal = (component) => {
-  currentComponent.value = componentsMap[component];
-  dialog.value = true;
-};
-
-</script>
-
 <style>
 .HoverBtn:hover {
   @apply bg-[#A6147D] text-white;
-  @apply hover:opacity-90; /* Réduire l'opacité au survol */
+  @apply hover:opacity-90;
+  /* Réduire l'opacité au survol */
 }
 
 .HoverBtnpicture:hover {
   @apply bg-[#A6147D] text-white;
-  @apply hover:opacity-90; /* Réduire l'opacité au survol */
+  @apply hover:opacity-90;
+  /* Réduire l'opacité au survol */
 }
 
 .custom-border {
diff --git a/src/views/contents/PostContent.vue b/src/views/contents/PostContent.vue
index 46f15f1..2c59d53 100644
--- a/src/views/contents/PostContent.vue
+++ b/src/views/contents/PostContent.vue
@@ -10,11 +10,11 @@
       <v-form>
         <v-file-input
             v-model="selectedFile"
-            label="Select Image"
+            label="Choisisez votre contenu"
             accept="image/*"
             prepend-icon="mdi-camera"
-            @change="onFileSelected">
-        </v-file-input>
+            @change="onFileSelected"
+        ></v-file-input>
         
         <v-img
             v-if="url"
@@ -66,14 +66,14 @@ const props = defineProps({
     type: String,
     required: true
   }
-});
+})
 
-const client = useClient();
+const client = useClient()
 
-const selectedFile = ref("");
-const url = ref("");
-const title = ref("");
-const description = ref("");
+const selectedFile = ref("")
+const url = ref("")
+const title = ref("")
+const description = ref("")
 
 const onFileSelected = () => {
   if (selectedFile.value) {
@@ -99,7 +99,6 @@ const publish = async () => {
   } else {
     console.error(`Failed to create content ${response.data}`)
   }
-
 }
 
 
diff --git a/src/views/contents/PublishContentButton.vue b/src/views/contents/PublishContentButton.vue
index fc737b2..5d718c8 100644
--- a/src/views/contents/PublishContentButton.vue
+++ b/src/views/contents/PublishContentButton.vue
@@ -29,7 +29,7 @@ async function publishPost() {
   });
 
   try {
-    const response = await client.post(
+    await client.post(
         `/api/contents/`,
         formData,
         {
@@ -37,8 +37,7 @@ async function publishPost() {
             'Content-Type': 'multipart/form-data',
           }
         })
-
-    console.log('Files uploaded successfully:', response.data);
+    
     closeDialog()
   } catch (error) {
     console.error(error)

From f2209cda646fe4ef5da6d0f0adef7aed51848c76 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Mon, 5 Aug 2024 17:06:50 -0400
Subject: [PATCH 043/109] Ensure the SizeIndicator helper is visible on all
 pages

---
 src/App.vue                          |  4 +++
 src/views/creators/CreatorBanner.vue |  4 +--
 src/views/main/Profile.vue           |  4 +--
 src/views/tools/SizeIndicator.vue    | 37 +++++++++++++++++-----------
 4 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6e8a498..9c65c9b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -25,6 +25,9 @@
       </div>
     </div>
   </v-app>
+  
+  <size-indicator></size-indicator>
+  
 </template>
 
 <script async setup>
@@ -33,6 +36,7 @@ import Footer from "@/views/main/Footer.vue";
 import SideBar from "@/views/main/SideBar.vue";
 import {ref, onMounted, onUnmounted} from 'vue';
 import {useSideBarStore} from "@/stores/sideBarStore.js";
+import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 
 const showPopup = ref(false);
 const popup = ref(null);
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 9984e79..d5355ab 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,6 +1,5 @@
 <template>
-  <size-indicator></size-indicator>
-
+  
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
     <div class="relative flex flex-col">
@@ -79,7 +78,6 @@
 </template>
 
 <script setup>
-import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 import AboutYou from "@/views/creators/CreatorDescriptionBtn.vue";
 import SubscribeButton from "@/views/creators/SubscribeButton.vue";
 import PublishContentButton from "@/views/contents/PublishContentButton.vue";
diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index e176a68..906543a 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -63,14 +63,12 @@
       </template>
     </div>
   </div>
-
-  <SizeIndicator></SizeIndicator>
+  
 </template>
 
 <script setup>
 import {ref, onMounted} from "vue";
 import {useUserStore} from "@/stores/userStore.js";
-import SizeIndicator from "@/views/tools/SizeIndicator.vue";
 import ManageAccount from "@/views/Profile/ManageAccount.vue";
 import PageInformations from "@/views/Profile/PageInformations.vue";
 import PersonnalInfo from "@/views/Profile/PersonnalInfo.vue";
diff --git a/src/views/tools/SizeIndicator.vue b/src/views/tools/SizeIndicator.vue
index ce266d9..364f514 100644
--- a/src/views/tools/SizeIndicator.vue
+++ b/src/views/tools/SizeIndicator.vue
@@ -1,16 +1,25 @@
 <template>
-  <div class="fixed bottom-0 left-0 m-4 z-50">
-    <div class="hidden sm:block md:hidden bg-blue-500 text-white p-2 rounded">
-      sm
-    </div>
-    <div class="hidden md:block lg:hidden bg-green-500 text-white p-2 rounded">
-      md
-    </div>
-    <div class="hidden lg:block xl:hidden bg-yellow-500 text-black p-2 rounded">
-      lg
-    </div>
-    <div class="hidden xl:block bg-red-500 text-white p-2 rounded">
-      xl
-    </div>
+  
+  <div class="size-code sm:block md:hidden bg-blue-500 text-white">
+    sm
   </div>
-</template>
\ No newline at end of file
+
+  <div class="size-code md:block lg:hidden bg-green-500 text-white">
+    md
+  </div>
+
+  <div class="size-code lg:block xl:hidden bg-yellow-500 text-black">
+    lg
+  </div>
+
+  <div class="size-code xl:block bg-red-500 text-white">
+    xl
+  </div>
+  
+</template>
+
+<style scoped>
+.size-code {
+  @apply fixed bottom-0 left-0 z-50 rounded p-2 m-2 w-9 h-9 text-center content-center capitalize font-mono font-semibold
+}
+</style>

From f9d8e724fcae9b2763e60576af15b5fd5498ac6b Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Mon, 5 Aug 2024 18:27:35 -0400
Subject: [PATCH 044/109] Close the banner-picker when cancelling or
 successfully changing the banner

---
 .../Dialogs/PageInformations/BannerPicker.vue |  9 ++-
 src/views/Profile/PageInformations.vue        | 69 ++++++++++---------
 2 files changed, 44 insertions(+), 34 deletions(-)

diff --git a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
index 2b64e11..5cff0bb 100644
--- a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
@@ -18,7 +18,7 @@
   ></v-file-input>
 
   <div class="flex justify-end space-x-4">
-    <v-btn color="black" variant="text">Annuler</v-btn>
+    <v-btn color="black" variant="text" @click="cancel">Annuler</v-btn>
     <v-btn color="#A6147D" @click="publish">Enregistrer</v-btn>
   </div>
 
@@ -34,6 +34,8 @@ const props = defineProps({
   }
 })
 
+const emits = defineEmits(['closeRequested'])
+
 const selectedFile = ref("")
 const fileUrl = ref(props.creator.storedDataUrls.bannerPictureUrl)
 
@@ -60,9 +62,14 @@ const publish = async () => {
         formData)
 
     props.creator.storedDataUrls.bannerPictureUrl = fileUrl
+    emits('closeRequested')
   } catch (error) {
     console.error(error)
   }
 }
 
+const cancel = () => {
+  emits('closeRequested')
+}
+
 </script>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 543d1bc..6cd7b88 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -38,14 +38,31 @@ const componentsMap = {
   ColorMenu
 };
 
-const openModal = (component) => {
-  currentComponent.value = componentsMap[component];
-  dialog.value = true;
-};
+const openDialog = (component) => {
+  currentComponent.value = componentsMap[component]
+  dialog.value = true
+}
+
+const closeDialog = () => {
+  currentComponent.value = null
+  dialog.value = false
+}
 
 </script>
 
 <template>
+  
+  <v-dialog v-model="dialog" max-width="600px">
+    <v-card>
+      <v-card-text>
+        <component :is="currentComponent"
+                   :creator="userStore.creator"
+                   @closeRequested="closeDialog()"
+        ></component>
+      </v-card-text>
+    </v-card>
+  </v-dialog>
+  
   <div class="flex flex-col items-center w-full">
     <h1 class="uppercase pb-5 text-2xl">
       <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
@@ -57,14 +74,14 @@ const openModal = (component) => {
       <div class="flex flex-col w-full">
 
         <button
-            @click="openModal('ColorTopBanner')"
+            @click="openDialog('ColorTopBanner')"
             class="flex justify-end h-10 align-center bg-fuchsia-800 text-white px-5 hover:brightness-150">
           <v-icon>mdi-eyedropper-variant</v-icon>
         </button>
 
         <button>
           <img
-              @click="openModal('BannerPicker')"
+              @click="openDialog('BannerPicker')"
               :src="userStore.creator.storedDataUrls.bannerPictureUrl"
               class="w-full transition duration-200 ease-in-out transform hover:brightness-125"
               alt="Tutorial Banner"
@@ -72,14 +89,14 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ColorBottomBanner')"
+            @click="openDialog('ColorBottomBanner')"
             class="flex justify-end h-10 align-center bg-fuchsia-600 text-white px-5 hover:brightness-150">
           <v-icon>mdi-eyedropper-variant</v-icon>
         </button>
 
         <button class="flex justify-center my-5">
           <img
-              @click="openModal('ProfilePicturePicker')"
+              @click="openDialog('ProfilePicturePicker')"
               class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
               src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png"
               alt="Profile Image"
@@ -87,7 +104,7 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ColorBorder')"
+            @click="openDialog('ColorBorder')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-circle-outline</v-icon></span>
           <span class="flex-auto text-left pr-6">Couleur du contour de la photo de profil.</span>
@@ -97,7 +114,7 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ColorMenu')"
+            @click="openDialog('ColorMenu')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-menu</v-icon></span>
           <span class="flex-auto text-left pr-6">couleur des entêtes de menus</span>
@@ -113,7 +130,7 @@ const openModal = (component) => {
       <div class="py-5 uppercase ml-4">Réseaux Sociaux</div>
       <div class="flex flex-col w-full">
         <button
-            @click="openModal('ModalFacebook')"
+            @click="openDialog('ModalFacebook')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
           <span class="flex-auto text-left pr-6">Facebook</span>
@@ -123,7 +140,7 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ModalInstagram')"
+            @click="openDialog('ModalInstagram')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
           <span class="flex-auto text-left pr-6">Instagram</span>
@@ -133,7 +150,7 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ModalX')"
+            @click="openDialog('ModalX')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/xblack.png"
                                                                 class="w-5 h-5"></span>
@@ -144,7 +161,7 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ModalLinkedIn')"
+            @click="openDialog('ModalLinkedIn')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
           <span class="flex-auto text-left pr-6">LinkedIn</span>
@@ -154,7 +171,7 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ModalTikTok')"
+            @click="openDialog('ModalTikTok')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/externals/tiktok-black.png"
                                                                 class="w-5 h-5"></span>
@@ -165,7 +182,7 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ModalYoutube')"
+            @click="openDialog('ModalYoutube')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
           <span class="flex-auto text-left pr-6">Youtube</span>
@@ -175,7 +192,7 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ModalReddit')"
+            @click="openDialog('ModalReddit')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
           <span class="flex-auto text-left pr-6">Reddit</span>
@@ -185,7 +202,7 @@ const openModal = (component) => {
         </button>
 
         <button
-            @click="openModal('ModalWebsite')"
+            @click="openDialog('ModalWebsite')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
           <span class="flex-auto text-left pr-6">Site web personnel</span>
@@ -199,25 +216,11 @@ const openModal = (component) => {
     </div>
   </div>
 
-  <!-- Modal -->
-  <v-dialog v-model="dialog" max-width="600px">
-    <v-card>
-      <v-card-text>
-        <component :is="currentComponent" :creator="userStore.creator"></component>
-      </v-card-text>
-    </v-card>
-  </v-dialog>
-
 </template>
 
 <style>
-.HoverBtn:hover {
-  @apply bg-[#A6147D] text-white;
-  @apply hover:opacity-90;
-  /* Réduire l'opacité au survol */
-}
 
-.HoverBtnpicture:hover {
+.HoverBtn:hover {
   @apply bg-[#A6147D] text-white;
   @apply hover:opacity-90;
   /* Réduire l'opacité au survol */

From b83db5b33bd26dea885f6daf92b15382b1a84759 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Mon, 5 Aug 2024 22:25:54 -0400
Subject: [PATCH 045/109] I have added a new window to create a new user.

---
 src/router/router.js                   |   7 ++
 src/views/creators/CreatorBanner.vue   |   9 +-
 src/views/creators/SubscribeButton.vue |  12 ++-
 src/views/main/Join.vue                |   9 --
 src/views/main/Register.vue            |  24 ++++++
 src/views/main/RegisterForm.vue        | 114 +++++++++++++++++++++++++
 6 files changed, 157 insertions(+), 18 deletions(-)
 create mode 100644 src/views/main/Register.vue
 create mode 100644 src/views/main/RegisterForm.vue

diff --git a/src/router/router.js b/src/router/router.js
index d9c2ead..e632097 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -10,6 +10,7 @@ import LoginView from '../views/LoginView.vue'
 import PaymentCompleted from '../views/PayementCompleted.vue'
 import SignupView from '../views/SignupView.vue'
 import Join from '../views/main/Join.vue'
+import Register from '../views/main/Register.vue'
 import Home from '../views/main/Home.vue'
 import Wallet from '../views/main/Wallet.vue'
 import Profile from '../views/main/Profile.vue'
@@ -93,6 +94,12 @@ const routes = [
         component: Join,
         meta: { hideSideBar: true }
     },
+    {
+        path: '/register',
+        name: 'register',
+        component: Register,
+        meta: { hideSideBar: true }
+    },
     {
         path: '/signup',
         name: 'signup',
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index d5355ab..312cef7 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -27,7 +27,7 @@
       <div>
         <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.7)]"
              :src="creator.storedDataUrls.bannerPictureUrl || '/images/hutopymedia/banners/tutorialbanner.png'"
-             alt="Profile Banner" style="max-height: 550px">
+             alt="Profile Banner" style="max-height: 425px">
       </div>
     </div>
   </div>
@@ -52,8 +52,8 @@
 
         <!-- User Info -->
         <div class="mt-2 flex flex-col items-center lg:items-start lg:ml-64">
-          <div class="text-3xl font-bold text-center lg:text-left md:mt-24 lg:mt-0 sm:mt-24 mt-24">
-            <p :style="{ color: creator.profileColors.accent }">{{ creator.firstName }} {{ creator.lastName }}</p>
+          <div class="text-3xl font-bold text-center lg:text-left md:mt-24 lg:mt-0 sm:mt-24 mt-24 text-white cap ">
+            <p class="capitalize">{{creator.name}}</p>
           </div>
           <div class="text-2xl text-center lg:text-left">
             <p :style="{ color: creator.profileColors.accent }">{{ creator.occupation }}</p>
@@ -62,8 +62,7 @@
         </div>
 
         <!-- Buttons -->
-        <div
-            class="flex flex-wrap items-center justify-center mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4 ml-">
+        <div class="flex flex-wrap items-center  mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
           <AboutYou :creator="creator"></AboutYou>
 
           <subscribe-button :creator="creator"></subscribe-button>
diff --git a/src/views/creators/SubscribeButton.vue b/src/views/creators/SubscribeButton.vue
index 6d462cb..f7e32e3 100644
--- a/src/views/creators/SubscribeButton.vue
+++ b/src/views/creators/SubscribeButton.vue
@@ -23,7 +23,7 @@ function unsubscribeFromCreator() {
 <template>
   
   <template v-if="isSubscribe">
-    <v-btn class="action"
+    <v-btn class="action mr-4"
            @click="subscribeToCreator()"
            style="transition: background-color 0.3s ease;">
       S'ABONNER
@@ -31,7 +31,7 @@ function unsubscribeFromCreator() {
   </template>
   
   <template v-else>
-    <v-btn class="action"
+    <v-btn class="action mr-4"
            @click="unsubscribeFromCreator()"
            style="transition: background-color 0.3s ease;">
       SE DESABONNER
@@ -43,7 +43,11 @@ function unsubscribeFromCreator() {
 <style scoped>
 
 .action {
-  @apply py-2 px-4 rounded bg-gray-100 hover:bg-gray-300
-}
+    @apply py-2  px-4 rounded bg-gray-100 hover:bg-gray-300
+ }
+
+
+
+
 
 </style>
\ No newline at end of file
diff --git a/src/views/main/Join.vue b/src/views/main/Join.vue
index 5f12227..47ab6c0 100644
--- a/src/views/main/Join.vue
+++ b/src/views/main/Join.vue
@@ -142,9 +142,6 @@
     </div>
   </div>
 
-
-
-
   <v-dialog v-model="showModal" max-width="600">
     <v-card>
       <v-card-title class="text-center" style="margin-top: 30px; margin-bottom: 40px;">
@@ -159,21 +156,15 @@
       <v-card-actions class="justify-end" style="margin-right: 20px;">
         <v-btn to="/" size="large" class="text-center" color="primary" text @click="showModal = false">Fermer</v-btn>
       </v-card-actions>
-
     </v-card>
   </v-dialog>
-
-
-
 </template>
 
-
 <script setup>
 import { useClient } from "@/plugins/api.js";
 import { ref } from 'vue';
 
 const client = useClient();
-
 const showModal = ref(false);
 const name = ref("");
 const emailAddress = ref("");
diff --git a/src/views/main/Register.vue b/src/views/main/Register.vue
new file mode 100644
index 0000000..76c522a
--- /dev/null
+++ b/src/views/main/Register.vue
@@ -0,0 +1,24 @@
+<template>
+  <div class="hidden sm:block" style="height: 40px"></div>
+  <div>
+    <div class="flex flex-col lg:flex-row items-center justify-center">
+      <div class="max-w-[700px] min-w-[300px]">
+        <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png" alt="hutopy login">
+      </div>
+      <div class="flex flex-col items-center min-w-[300px] m-12">
+        <register-form></register-form>
+      </div>
+    </div>
+  </div>
+  <selected-footer></selected-footer>
+</template>
+
+<script setup>
+import SelectedFooter from "@/views/main/SelectedFooter.vue";
+import RegisterForm from "@/views/main/RegisterForm.vue";
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+
+
+</script>
diff --git a/src/views/main/RegisterForm.vue b/src/views/main/RegisterForm.vue
new file mode 100644
index 0000000..1c53cfd
--- /dev/null
+++ b/src/views/main/RegisterForm.vue
@@ -0,0 +1,114 @@
+<template>
+  <div>
+    <div class="flex flex-col items-center min-w-[300px] m-4">
+      <h1 class="text-center text-2xl font-bold mb-5">Inscription</h1>
+      <div class="w-full h-0.5 mt-4 mb-4" :style="{ backgroundColor: '#A30E79' }"></div>
+      <div class="w-full">
+        <div class="flex flex-wrap justify-between gap-4 mb-4">
+          <v-text-field
+              v-model="firstName"
+              label="Prénom"
+              variant="outlined"
+              dense
+              prepend-inner-icon="mdi-account"
+              color="transparent"
+              class="text-black flex-grow min-w-[250px]"
+          ></v-text-field>
+          <v-text-field
+              v-model="lastName"
+              label="Nom"
+              variant="outlined"
+              dense
+              prepend-inner-icon="mdi-account"
+              color="transparent"
+              class="text-black flex-grow min-w-[250px]"
+          ></v-text-field>
+        </div>
+        <v-text-field
+            v-model="email"
+            label="Courriel"
+            variant="outlined"
+            dense
+            prepend-inner-icon="mdi-email"
+            color="transparent"
+            class="text-black mb-4"
+        ></v-text-field>
+        <v-text-field
+            v-model="password"
+            label="Mot de passe"
+            :type="showPassword ? 'text' : 'password'"
+            variant="outlined"
+            dense
+            prepend-inner-icon="mdi-lock"
+            append-inner-icon="mdi-eye"
+            @click:append-inner="showPassword = !showPassword"
+            color="transparent"
+            class="text-black mb-4"
+        ></v-text-field>
+        <v-text-field
+            v-model="confirmPassword"
+            label="Confirmer mot de passe"
+            :type="showPassword ? 'text' : 'password'"
+            variant="outlined"
+            dense
+            prepend-inner-icon="mdi-lock"
+            append-inner-icon="mdi-eye"
+            @click:append-inner="showPassword = !showPassword"
+            color="transparent"
+            class="text-black mb-4"
+        ></v-text-field>
+        <v-btn
+            class="w-full text-center text-white"
+            :style="{ backgroundColor: '#A30E79' }"
+            @click="createUser"
+        >
+          Connecter
+        </v-btn>
+        <div v-if="errorSnackBar" class="mb-4 text-red-600">
+          Nom d'utilisateur ou mot de passe invalide.
+          <button class="text-red-600 ml-4" @click="errorSnackBar = false">Fermer</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+</template>
+
+<script setup>
+import { useClient } from "@/plugins/api.js";
+import {ref} from 'vue';
+
+const client = useClient();
+const firstName = ref('');
+const lastName = ref('');
+const email = ref('');
+const password = ref('');
+const confirmPassword = ref('');
+const showPassword = ref(false);
+const errorSnackBar = ref(false);
+
+
+async function createUser() {
+  try{
+    const userInformation ={
+      FirstName: firstName.value,
+      LastName: lastName.value,
+      EmailAddress: email.value,
+      UserName: userName.value,
+      Password: password.value,      
+    };
+    
+    await client.post('/api/Users', userInformation);
+        
+  }catch (error) {
+    console.log(error);
+}
+}
+
+
+
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file

From fd1937b56fec6e0adb5f325a56b30ccf5a7e074b Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Tue, 6 Aug 2024 00:01:03 -0400
Subject: [PATCH 046/109] Adds SocialNetworks for Creators

---
 .../hutopymedia/icons/black/facebookblack.png | Bin 18534 -> 0 bytes
 .../icons/black/instagramblack.png            | Bin 14144 -> 0 bytes
 .../hutopymedia/icons/black/linkedinblack.png | Bin 15609 -> 0 bytes
 .../images/hutopymedia/icons/black/xblack.png | Bin 11333 -> 0 bytes
 .../hutopymedia/icons/black/youtube.png       | Bin 26193 -> 0 bytes
 .../hutopymedia/icons/pink/facebookpink.png   | Bin 23055 -> 0 bytes
 .../hutopymedia/icons/pink/instagrampink.png  | Bin 22859 -> 0 bytes
 .../images/hutopymedia/icons/pink/xpink.png   | Bin 44549 -> 0 bytes
 .../hutopymedia/icons/white/facebookwhite.png | Bin 16193 -> 0 bytes
 .../icons/white/instagramwhite.png            | Bin 35620 -> 0 bytes
 .../images/hutopymedia/icons/white/xwhite.png | Bin 47422 -> 0 bytes
 .../{externals => socials}/tiktok-black.png   | Bin
 .../{externals => socials}/tiktok-white.png   | Bin
 .../PageInformations/ModalFacebook.vue        |  24 ----
 .../PageInformations/ModalInstagram.vue       |  24 ----
 .../PageInformations/ModalLinkedIn.vue        |  24 ----
 .../Dialogs/PageInformations/ModalReddit.vue  |  24 ----
 .../Dialogs/PageInformations/ModalTikTok.vue  |  24 ----
 .../Dialogs/PageInformations/ModalWebsite.vue |  24 ----
 .../Dialogs/PageInformations/ModalX.vue       |  24 ----
 .../Dialogs/PageInformations/ModalYoutube.vue |  24 ----
 .../PageInformations/SocialNetworks.vue       | 123 ++++++++++++++++++
 src/views/Profile/PageInformations.vue        |  66 ++++------
 src/views/contents/contents.json              |  40 ------
 src/views/creators/CreatorBanner.vue          |  46 +++++--
 src/views/creators/CreatorList.vue            |   1 -
 src/views/creators/creators.json              |  51 --------
 src/views/main/SiteMenu.vue                   |  17 +--
 28 files changed, 194 insertions(+), 342 deletions(-)
 delete mode 100644 public/images/hutopymedia/icons/black/facebookblack.png
 delete mode 100644 public/images/hutopymedia/icons/black/instagramblack.png
 delete mode 100644 public/images/hutopymedia/icons/black/linkedinblack.png
 delete mode 100644 public/images/hutopymedia/icons/black/xblack.png
 delete mode 100644 public/images/hutopymedia/icons/black/youtube.png
 delete mode 100644 public/images/hutopymedia/icons/pink/facebookpink.png
 delete mode 100644 public/images/hutopymedia/icons/pink/instagrampink.png
 delete mode 100644 public/images/hutopymedia/icons/pink/xpink.png
 delete mode 100644 public/images/hutopymedia/icons/white/facebookwhite.png
 delete mode 100644 public/images/hutopymedia/icons/white/instagramwhite.png
 delete mode 100644 public/images/hutopymedia/icons/white/xwhite.png
 rename public/images/{externals => socials}/tiktok-black.png (100%)
 rename public/images/{externals => socials}/tiktok-white.png (100%)
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ModalX.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue
 delete mode 100644 src/views/contents/contents.json
 delete mode 100644 src/views/creators/creators.json

diff --git a/public/images/hutopymedia/icons/black/facebookblack.png b/public/images/hutopymedia/icons/black/facebookblack.png
deleted file mode 100644
index 8ab55f04bd9ee75379f9938c6c49aa32a53163ea..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 18534
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
J6OFT1{uk<p25<lX

diff --git a/public/images/hutopymedia/icons/black/instagramblack.png b/public/images/hutopymedia/icons/black/instagramblack.png
deleted file mode 100644
index 93fa9708cca9b36ed33c2230b87ae89a5bf62903..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 14144
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

diff --git a/public/images/hutopymedia/icons/black/linkedinblack.png b/public/images/hutopymedia/icons/black/linkedinblack.png
deleted file mode 100644
index 8278ae566b8c3353ac42681a2196865aa38af147..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 15609
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

diff --git a/public/images/hutopymedia/icons/black/xblack.png b/public/images/hutopymedia/icons/black/xblack.png
deleted file mode 100644
index 21e614aa1c11c19b53d97778f8f242cbf20b5b30..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 11333
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

diff --git a/public/images/hutopymedia/icons/black/youtube.png b/public/images/hutopymedia/icons/black/youtube.png
deleted file mode 100644
index c35edd6e3f875e5db094730d8b197fa473445862..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 26193
zcmeFZbySpZ_cuDUw9?Wd-6BYrh%mH>fTXl^!$>y*3NmzqfTWbt4FV!cBhmv%*C5Rh
z=NiAy^PKlR=l8}s|DCm7mo8@R`-*+-YwyoajMCCjA|{|EfIuL`P~}J35C|p$0>Q$#
zfeW5gRAZ!rANVfH&)p#qLUQy!3`lw=4FrPIY^$U1p|7qcVd3n^Z)WLiZp9CCbOECw
z5Gh%hi<yPJl?SuAm5r^FG|OIdI}5X|r8JA4h`OM<i-OflTV)?NtEWC1Iu<_m7UGsH
zvNFt4FbS}Lqm_plGtAM!$z1{_&GL6$3Gf;HSb&B3?+_1rX%>0(hRpivTFeU0ZdT0V
z{DOQIf`a#$MaB8=30qm13k&fw3keDd3EUGB5ESCOCoXYMNJ3bc`Cornz;<qy))Lx}
z9{+1I@J*WKrH6-$gn)pzw>Q7{eST**8-aV`;^JTd0U;qiFoMthm6L}VjL*sa?!Q-f
zWaVz*X6xc%>+HmgUeV0l+0#Rs1(5pB85~{yv#gW*zxV_=CIB;Y5xB=Mh(6QbftD8k
z8Rz2Z=J0oOOA7%j2P;P_Cl7Zp_TGQSy1aDuaCU#`{6ARwKd=A04FGS|)&H}{e@Tm@
z<A1hr_fYf#$M_dR{>#zsI<H);1hlQ(oju(wtQ5TfnRn5ragk7PvoiB=cGGcocKG*A
zY5kjIW+7pIA!bfJTPI6rZ+EW$W`fltGY>0i7I16Ae1iAEUmZa~36XmeB0_wEA`*gv
z{|r@kwzRc=_1_K^;kzfIBXnOv@SX&?B|+i;dnk|@OEV9%|K(sy3khpyH%BvYU|UBs
z8!G`9CmR;#|FBU)!P&vt4QvdkyZ@I8b#)1-le>qRlZ6%Zku(c9Grz5^rNli;Gf}I1
z=AwKLEX?oo2|o}v;}gFpF3e{kEMz5UEoLriZEgPV`H!3}JkdA%@A;NszLl7urKO;d
z1)qhGg$SR8wXis!`2!(yK2fv#LPA#J<`&}SR{x%_>1GR5%go{b^EzmSLyLrjvaLI~
ztXKcih^JPr|N7)$%luagB+M+((k;zmfxcENOO}5<w*4<S@V|G0f0p%rX$2PjpIrAp
z!`z*%J-p4_tmJI~xBi#nB=A2X-rdaWe@^=U-sSzjN&hd!@Ba(w|6;4fOEV`MD}a>(
zEa<}sph4xIOA+{g-q+uE{|x~BdpJNf^vD0;DfsdqM7DAQOS=KQoyRfpf<RtKK_AKM
zz%q9(y;BP&jn^*QdAxQvHu}>GGT8=_Da&8eyS{UD>7}9jBt_WU`|B&T#yHVYJSf0A
zn9wT)hcP?Sn6YC3GsZFGIensteEP^6_O)N+5|Q7IP|Fp`y)_Qdr_WA|CoThw^^A=t
z<~#@M4fA(3v##dXzLZXI!&#y5u3K?U5Gb70R_0!iDtK^5=>PoqKP>n^Qt<x+MNrA!
zA-Aa3zq|Er{IO8yP;95rAx4sr2Zle}`WuB>%+}htLUS#CoH*)1nRZNLHhqXzI1EQ(
zVAwdE<{hWJH;%U4dx9i=LF*<Wh84u6W()?~I`6~2Pg~^=-`|uHc-5;}ZbxaZsGM}?
zdGP(f^k)M%hZN2m=S{<4T*abPp_>Q(Ip%WWsXQh@`h~}B)TP*Jli4TcUxJ;A+ftd3
z6VnHyTI%v_xBPNUz8;wGPrGYtMRkvvT04HX!=oS@+P}h1)YdBZ7s$EN$5gTX+845R
z@s8qm!aH9tM|@6pW~Ru8BBy)gc;8$(+0AG<`$EKvmfvMCNa9<#rixo+#<QyF-jNqv
zeMHaBb5r#pNvbk-4wGgFwqPdl)l+DCWU0V9$4Xpu))6@|Li?#zF1a#Q9tX*#)$3<@
zl?2jB%;kqVA-U=7Hxi5|5aLlnhq`(B1l7~1gb8K`uV<mI=FgO$F&h(ysFV|x*xhup
zs9p2a3Ay=D<VG;V%CtpDUlakWxg6V#!hM1-L$J(ZoIE?W8xx;~3bhGqY~E1vOl}tc
zlrcg1<dBrtrkf|(Sp719#3g0lof(uVx+ov2B*R`7vMK1YvCG%bKz(1+5wyBwy%%!b
z;Tmw71SL|IKl(0PKNxZO$fc||`zUi7#WQqd$bP$}>NI}As8-H2%il~G<;-#GyR@XP
z$gLLT;z5lxzg5NV?b8*pM4RiK-q5}zgC9v#hC8m}Br8+ZWLg^7ce3<dcsN3+$)1Hw
zN8@w;+|^ssdOcwhG`^Z1CC`Oh_{gQ5Hq;N39p6Omx7}hpP2@u<nAtr_QW<A%sur<g
z-4{|gPvy7_%apX;X*vpVi$89EC~4)BSK`%|SMRagtHc?ikP|tDxg7_H+^D`6(vgwc
z+7oc<T2t3VRf&rs_9S@FAa%DGyR0&61>qk>;E|k5my2z@V(^k5@2K#b{5uVbJI_ga
zV^{7xE5$)PbWExzs-C@lr=FtxdoQ;XxkOB6yc(;>Bfd8YOKH@1_opu{cW`cK?UY}x
z+##9pxcQ|F%IQ7+&}T;gw-9!7JEos`nA*JafS`X`C7`D6n<=WrXeZzf<3;$3V*$tt
z4aE(U%tZUnc6ve+KPmrqFP`lES7+0cI_0=S9E>f@oRf?xWVLZ@p+kH(TfF#AQ!sxh
z;<{|`T88`#5AUcU<1LkQ#yS5sY#M^Yrmsb!o8ucTFSpB^b1PPLSY+m0>&9+TnS8T+
z4aF>3A;R^&j^R;O$;Vx)8`FeD&G0U&yDy)rkY6O_5_0!X^AWF1U%Cms#N!5+*5h&W
zPuZuBa<%VrG&?*n-Jq!@b4;o~o$zVmCJkP}U1(`kI$xI^q!SV$(hr2>IZgB<dRCZu
zPg2Zsv9Zt}lJe?*I?p}}*%k6g453`{xOZbFi%pp_lyb?EOFukzs7~&Coz3?;iOg4J
zt<H4}p$27N#&(E5o!Iky)m*4VeqSgio`D-oY^z*4@QiF<8t{DIM%m0b7T30Y4{)me
zsjKtx<4?Wi+L>*Xxy@%tPd5HVp^l@7EKZ}2W39|>Bhh!7xMl(D_z6+W9h&1^moG6N
zFAHV|jp2(Wg^f++8Y>aJ#W3RI!fI7qkHPDN<&uT1OwF%k8)&-O;56Ae(qz>>Ta8s2
zb{cs?I3itJZ!@p0s7z^R)^zhwl_R<{+<V`=>KlE=4(Z@Ny`BdYZtyU3I$WUkXXZ3c
z=Y)q#u(LSMig2Q}-il4AZ%rMoDdA2ds~Sg+ZF5?Qab||(@`I;aMLDrJeBxuZF^+u+
zf(F6;6mP6T8GSc6go4Tzv*$>S%a4S}w>jg>j}$pdjuiW{H{y2rI=`{-a(9ig5K-l|
zLqf%AzA9*9G`SDQN5*0nSTl=bMWq?U^nTYYSA!Q&f8c3&W>@c~$JgQguno)2HgzMY
zUxP-q+l9N~^^p#(2D_OUzS5H5^DTFQ3H}zoXE__*0zYIlaF{;r`7?^o(EI<KxoNk{
z(>*O^q!p4Bj;Q;LO-LaB+9WmdO6u@Cwpo)quEYoCq{>>4?{zP~*O`5<v-)1=ELE1Y
z967H7AHN~aOuE1SBISdnR0Hg4<7e6w>eJ4HeWpwOS}g9?+TnTpM*h^@pb`?Ay`XsE
zH|(L1Ko(*pxJv=n@y*!+rbU8NDLB5@fxcmo2pbJ==X)|<o{k!pLrOFGTU5V8>Wy*M
zzbh!+d$|WhiYg9vi|p)0<!}8vzg+L?zCMphVCBNL&CUPGGWLXUt(GcHWi#zKRU7a3
zn0%RP+s_4=ERyrdK1qZQfyVf878A5HkCndosM^=nj;<QVD!a5ciYU>{4FBAonw`HG
zyFPnbG3v4~m)P<JZnAp!d(6Y%xxQpRy?O2g@a3C1KCWwF%7EX+)TRDf&mrM5sT(0i
z9N#^<U2KMrh30RSzh~0KrB2i63C*(XwUgdl#;3t}?C5MujEj85PVQh^FF~p|)Uh(=
zvM*eo7G`Bp^;?*iCgM=pMgBc2)Q;Tt#hpZI`G8w*1cJz=UEb4?cy`C~!%DFpa4c&5
zyu@L#g5-qmMp(UqDKZWYbf4X?vZGDb>_&+3rsCI4s8ZQU27a##{~gL8Yu+ZD%v$2l
z7CeY}_hBkIMa5Ax)r~;K_}x}ywG+*5#ImtVG5PTavp_tl3oDxFbNkdSB7`G1R=<?d
zvk(y+{iMhV9R2i2wx?Bom{db@L#!Tg3O+>e{JJP``gDw9{vd7H->4TK$UmGTbV%v<
zf)Z@SMld2rUBvM5BoR<UecEowJgyyH|KYRTO4@DLR&#<1x?sIGU7Js<E^Zt$d3w`A
z;p5C}a<*)51R|EPTwdOhn#GD^f5C}+-!)aa>k(CNenssZO^2Zo?otA>!VLBUA9lti
zwuXJEi6=b`EK7*~EmOD(yr36~$(1eh`?au6b6$(^jTNPou5<ZQ4S|bV=@o%kjFukD
zTyL`7%%H8ui|J<i_c5^U4!aXbL^$4!XNBIP3)?jRDnK-?`xtK#0g)QP+wxgt`XqSU
z^X<p)ka<iQLTXCHtZjoEg_8t{fHVP59bR7r2v%x8i@9*A<zV$CcQ0dARgilXn3)pP
zH9WlPCPLim$G+C>@8sh^Tq-Rlb1a7Bcjg&@_{P!xCbwS4u$_J&$wfWmDOHfX)C)*l
zhYbQ8k1ldCNog??f1N(GV22IFL>23VUeCD%!Y)+AJ`-FGxt+EObXFAG$E0IOv3lci
zK-;`9o#;ZgPCCO4^CUN$Ksc4ohigRgbgeVH5cw4{yMT9{9!~ybk_rb4MsCGy5@yBL
z;6XFrh&PX<DL?+@1%(Tn9z8tr5%ZAov%h)8k290t;vlng&k5rEzS*n?|MVgOc|0eW
z8hR@1;<X?Sg%=!C-+hU(9`=nkwT0m774hsP+b?oYN3(lDqMb#EItyf8zRTq;{kHpJ
zQcB>kLv9$qC%g8aA-@uw=2v!-zON{mB0>-!+BP^5I7!~vdqq(pz8lL9Mhbi-;4~%G
zERSg44DORy%xj!ZHitL|5q)uY84LI-g)Qs(_3k1Y6h8QkfO7#tClKa9dNF1++cXR@
zDIz*#3R{@NaGoZOne8)#vzExH=DG2|F~Pn5Ocro3AV}e<{?-yAt9o1Ck5<NoV!n>D
zVhSVc$s}NxaEj55Gaj=8?$ewYgl3H(JsA1|5*RP^j=y`F99g!tNG;kWH!cDK)E`!p
zU0-XFHZh2}F&9C?#$x-@zNyvqS2N2-VFUG@fdQB%UPPl$Chvk(CmqAXix88hn3XLQ
zGT2gNp6X9hy?GF~m2-l8>pJo3JEQOTwt~|<tfk;i>8$2KXeM`1Pak2b8)}&ZH7|Zk
zKr&5s3rLY%{<B<8D^V{vjsLw1S<`UOCzA)}w>tturl0&tVTu^Kf&_TU7QC+jBtl(C
z5}m^LvhcjUJ0iRch-GK!8Jt}h_-rxf_r)%bycZquh!?;xzGY6<K!~?PSUY{>iITA<
z&FUcm40ov;S?!3-i(G8sdU^RCP`8?=fnXPN5x<ycIc@dQ$FIj(d2WaDZQqmsDn&y0
zzT)o<?^y}@ko%e4x`^Y=eBG3t^MxwWMjWU857udyhCp2+Kr=eY7l>wL4>>Zv*xoi-
zyb<#%uyd~>k`&eu%L>)@_2GJBiWhj^hukl=KXY}E$JmXaELyZU>8_N<nfrVGf=}M!
zY73axukbH+TU}T;eX<?r>vJucWiZ?SR3b-qBAkI>)}2szT$B493j2xOk96D0JbM^{
zASCVTBb94f5lBm7g^m)s(ZEl-m14W~@+%6TOt;~%VfBw8>Eb$zm_il**{HXf>ahui
zsWJ9R?Ki6MgBm<3tjm041yjdf!$dAvV)j^wrkPUa9waa;e7|@rEkzoUfb3OAo=H22
zaDsbZ+X=aPi!`)ACKub6D9zv^H9K~i5f#K$ZnNb4XpXkvzjh3xL?QBXLNeZ0tU1(L
zLE7<tGKLL(j7(9ZX+sZr%k|nZD1|<3XaUPU9}M|y42J0Dge~Zk)-#4b8b4BovvL_l
z-Z`VW7>Ay&OIJy3`k0j05hBQuy{JW5#xRfZTJ#WFyu4+M)3^j=M6vy=>S^wv1srb~
zoSa{{#y!O`0Q9siqp|Uh9Kto{CakHg>Uti8-F{7NHuV(gy%0f1koSWZFjY4hvK!`^
z(w)U6c6*g^(cPb}D>%XBgumfi65u)O4{ogH#XnDxT+^2Jn{_t;FTQag){f;)rdkKz
z0d^VH;`w9;nWl#2L^mZ<zhA*REn1xRM`pxzzu@0A2kJNOW*zjl>LrukpD`E5@gu36
zWD>;f*Eu1k7Z^r+-|E4LfJ|<rbi*RWMWkAc&1^Ei6WM$dlSv@K(#k)F7~sb0zPUhJ
znHC}mn8jf`1<4NHy+rPFEY23&qfhAzBO8>4Fb&DsjMrX>@!jsYKP-*AH;*|<Qv32P
z&;>hbg?GP*Cf{~98;FF}TQ>aY9PsXP&JK(H*K~1w2Fb+=`WC58gKSk*T%;@PhfjkC
zMVI6bTKwI+IKNDGuPh^*0F(Los5@ja>h~h+vw~nR`)JTvt-)f5!p#M|y;IiNTb|NG
zKeaKWu=dH3Jamgo|Jq;%Ld_6qYFq1wZ}=gVs36AW>{i1SE9*b%wX-AqC9bO$r$G#B
z1IXKi5C;9aEH2XwR+)n|`gE<_9Wwf!m;qSpZyPd;YSkb)!Gzu&SxN@$6H$PB(=)f$
zf8jc3+2&ELCF3K+8+IYQypN4vgIB9>q^g*x)Vq1!S6Jz)Vk4&qIhbgIEk*v`i?EGO
z@GWJ=u$*h`Sw>IkVHONOqFq1C3hqb$%*|w}x?MpV3RsR~z#L@5EQ32qAEv|g&)l`d
zpv!l(q4ox5s$I&2U*-JB=6x{vqiaae664RY*u~XwfAc2e#_#9FM4i4~-QrJv-T|`K
z=q#FfAA9cyt|Y}{_DxFURX*~M!n-&Bnud4B6T4zaE-=ya5mm?icbOrQ8lCTp?a)$o
z;YNU4gg90UBkYLBL1JbGlFf?{89$j|28*6qVK-@XH50f5=!k%cF)kxA4gM5l|9(k9
zhC;-ehh+pky4|6-6UmlvGo}<5O{M_(%^5<~m@4j4S{6dYn9G!_vZ6>knr%gQlr_4o
zp8Q~fLfYvn=p(kI&a{CbnDJnCyUf`j{&23wu?EF;Ycd@n8Nf=4zi${xVK~1w-&Mvu
zr7#M>#(kd(OcYcC6YJ@LEsh@<f7Lbm`;*%tzaKqfxSi)DmyM4ZxYu3Pb%j<j#X`uN
z?myEdsR?F`noP$8Fdtl})HkQ6n&6!+!MQcUfSF;n#S9NQ4{fj|^Ld!92NpZOLq05x
zBZ}2(Hb`d&5l~pT(PB;`(VdBY=TrA&ojyV@F;C$8t8Nm6F~{Q4lenA|AWL5!GruC^
z=Tgv1J&2&~C>y?qt@=SKzy!>>l@am_Utc#oR&b42B#0UjZMI$>AzlL5aY)bIVY|-T
zRS0%6fDCmk-D_Z@9+_VTlSV)Nkn<yQ8VrLeTfQ`d(N@p|mkreA0B9;v)M0)=Akg2L
zWcK5>0Ysp)vAe4DB?L`F3@0Y|46*M@zyBFx5;W2G!u4J`K7hr7wI>ApUyQVaYX8m|
z>i%<Qoi|)04^4xVO2@r*?vCiHRU&sBzkabV+-B+kjajARgairpF?mVs2emL^xDqxm
z(iYLY{`i6Ddq<6$@|0L2G}>jKm6zCp9}M5<Ne{8YX%KwVn9kU7|7K1^ie^MZJ@Cij
zhvsTsa*P$E7L-znl*ro+9+*B|spw?2Pc?h4H!eTEMTHjTDXWnmZBzHZo<Gj@CEzFd
z`y9KRA>t8@JJ<m#@Y7Z~w!6{n`@|t6JN%m%Z}u^^8hBA#41N8!yM|ZTf4S`g9@6*4
z4)&pL23o`69?9Gt*oSirUBOc7#K41CLrl{bq>IOaS2~rq*EzdXh2A-=qTea%i(%<e
zZeJ&(`N$(@j$46yo*}OJ6bnXwZi8rnV;BJn_$qGf-xg~pB254L<~A<JVoTaPFGKWJ
zgSw1l2`=*Zxae7-uJ}}MI>ldMHGnq;MvUg<E*gdX91Wr(G<vz-^tc30@_@$$RC+fs
zPrC>XAGl{*<00F|hEwcUS;0QqSl{IwXs8mW&se^b@zRHQG^QnhtA`S6Va6)h6lP(;
zZc)X}1h9Z59^50^uWP+=9|Rrcc0W(ilk=YiV`h$h7f+|^7^w1@hJfoScyJ%5?0(hf
z=gXpeL2HZfes(JKrHOP?l&3}vq>BWMVZv_ds*9dc05D-K8TkNWIo${L7ass5l+!!^
zp)B~ju)3USb=1f4A4G_OzTC3s%jjGDA&4=Dqd!u<pK-ebukX%8`950UtZ5=WFsMZA
zFRXEq;dj;NZP4tq`+Q58;zcf+2<EjH^3~5n(F>>x5m);)e*{379oc66h7V2GQ_8O*
z_XZwF1=)n$^NksvTCYYgDoByhkfwZJw<F<I11BkiIt^ML?V6-K0;u@E%GHcmh~5qI
zUPZY5<@)q93<+xlclz+e$QwvDf7i5BL55%*xQ=m;vll#FgfAa{aD+hw9&(fN9H{G8
z0R4e?y(672)uYI8sZj66f)S05RSDVrRjiC}^4xf37CTj#CWMFqYvz%E(W9ndPOJM_
z5h8$BNrh|8{PSOre>2Mv$9&rv4$%&e<yy~qfUe1usH-bD5S&{$))1<=(fg>V)93@@
z2^26=!?IP#r%UM=J9yrux)DA^3v@NNAaPc;m)Pqff=h9M4&VoBXJmv}mM|D-MFVBO
zM%(sjBgQ2w{rPoQI$8kfydCMKe?@dhKsTs14cBJ%ab*xG#S7cQ&QKMwky#l8M;{29
z+iV0bQi%6^xA{LznsWdM67o292804ZisJgZ)i{b^xMKxowG=O3_tHOa!aHy4BM8v4
zJZ+4V8XQbOB<wc(xIPzz^+SKf%S#XA&#-Cm6&St_kr5<rt;<D2)!Z}Y2gH{vRHhiF
zg80TOk4d<}=@fI-T<HB(O~alC&vPlygrKDu%>R&^KZ<a?LFZHFkMG05Yz0XfzY)3*
zvr-SdwzLs?{_BBM%gb`@>Q;3)MLK~Xeu>bb$UlcUj8&M0@R!{3N$CHRE@JN`(2NL)
zOx~MvpR17et&otoKPF;+Glexg7xRt$dm`z#^z|croW|n0(_iJ;ei(+UuxZq)T$esu
zXuVK(K2OW>*)rVo-$)n1OJ*fYVl~;}gW6S06Tr%e=Fl^#&AcACNkI<`YYpD^SX8?y
znJ&x=1fC7_;p&#3GU>JbNiq!_pj$ZYt1mb47u!4sPL63(ugz>kT`mRPY%afTc1%yM
z_MJB81&WT=lR0nZg#L@k@G`xkW?$d>L+7bKolg}M%0#oos$r!Dp7KWUaf(9Szv}&w
z*hwpe^_$f<N$(HVOxB;KFts38$ZX%;v(@qVyOo=**H=Rh;xOdwhBntd-H*Kvp$V)a
z+W0;~H-~VIxjgOlAp%|R;e4EMT0W}K!L_RqxEgCLZ?VqRs+IR_^+rp7zc>AC)#4A*
z?J4(-Flt*BIBhY-VNg-9(cNBqOTuq8EFK~*Qc!{~IViWJZR$2HO!i>nlUetnC>@)%
z;iZW(XYmG$K4MLJNw3%$Dlj|m#vGeIF8#|dFyiJLpKh$tbg+pi9-U>V?6#iFE5!V)
zxQsb)Zawm!Y*`gCZ9DoikmEPi(edkrl#^04YY9KjI(O&h<F}Jllt5kw6_oOO6AGw#
zGJa%Ze)U_uf4xWP?6*u#ohjqr1K$h0uE0CqZfwvh(du&4W`hctU`VJ`H9T1sal`Se
z0>*J1v&Qu7o28A-+IjHcptF(Z)<>qmwJp=@!1nX^G1)48+sg5*tuV!PPEo-iQ3sqB
zY*n{+K37AD1*?)4^@+|_LTR4<11arg-Y!T-rQ@AukCTltRgJ^}Vre{ixUl!i9pf;z
zx3rb<&AGh1;Gnf17OyCI+FD&EO0Ruasx9{D{Sd)%yR-FsO9^LwefouD_FuEL;RWJ6
z)YwQx^h7>R!awg`j>F*NoKp^UiOQ@bTKt+PL?l-^swS74m2JDmd*|QPQ;cdnnd7VY
zjNpgll+4dVf&qiRQY8jpH5BM3{jgT8ZN?Ky`+oECGD(Nq)8WP0pA({;g}|eHJd(_<
zt3}`kXa_wi3C7cSP=ixA36zGx^3&8*D8-dTLcgE))O2nAiPP+9hA%07!_x0@oyltL
z{v0cKLD34ci37s*@U0QX-e72%5`0?aL54Jj-(B}1=>>6b%ilXFCO@RC)Mw8v&%1@%
zEoz~I^vSHXwU}R2hsTQdX@6pwgv5qm7-?sGoA=#&xrab_PZ|YY=CmL2IiJl<n)qxa
z_w*N>8Nwf7m@BS3jKhct5jgALMC}Bj(Q+*Dzv_{h?pK>}*T>F#O{d2*?QVTXlh>#n
z9zDkA@hVCA6#x>ljBa)`(}|ee_3e<nBxWngvidYdAV@IW?ss;*{k-P)qKJh>3ZD<M
zbI5VN?Xs}D(a5eqd*8tqnr=gY{k$GXicnAyok%jPVudyr8$wHzz8UNkscYmpVISu(
zeVDu_efIk(f2C%}3obmANDEu??Z$+4LilY-`UCc3C`0T8RXZZSOP_47b5Z;hFsj?0
z>pR|UUFp9>4asWrKG?P?W-X~*G2{!f$vw#+COUwR+tr-ROXB<Coenw&9OgUk`JOJ4
z?#;EL*c8agTa}`F3LLrM!u6DQl7cNC=%<#bDm-+*ovbs9p*SivGBS362(R>+$a8mY
zvK<LlVm$ltHsisZpNsW}{4k(>qejmN9thlqXiP}zDqzC!aR-QJpD4l&o^vPBVrmrK
zX*+J(qS3Fl8{6NRaSn7r9ouW9s9f<T7Kj%EpO0vi03B%A>g$RGsit$-H5XFYk+x^`
zTLx6U=nOGD$Hfag`g(OKFefVf`9e-6C%Wb_RNEryj!E#!?O$0R4@k4$>SOHjcCi?0
zvHsATa_}NMT~lK}sN~^bcQV~agyuv$&tH6t@{_q|Q1WHVi7F9rov50Om+k9N_!{aW
zr{GrE&kZ47-rF5)Q58nJi-i15>v{_p^CtnnW49_$o!??(&Cyw<O}%h^@pX(!-?jE8
zy^fgSClT^`9c(|mYkwxvSCO7pwx7kvW$qe(UhjwkmcW0rBUtr##jUPTSv!MUp@jk)
zsqvyFyLyuZQJsrpm1|Dgz<T*^zO&Q$n1tl&U{saA(YiB&ILDycqVFhD=`j@}F9p#O
zeB9cOk28kWm09yHCaekjvLZ-zlyt!QlX%c~V{d7XE64iFUhzp2-;MY_M%2Ww2;xfV
z?194Q2FE<s+8C9a9eCy+fnyLHOLjPo#Sb0g^Ih<#e4)8o(HvXedb+esI9dKY&}X47
zL)2l~V{11pEh4L&9cq^?^d)-O&?%e}Nl*}7m20#o2N&+M+G`fTbAUYX`%}?uGBz^l
z?ek+WOO#&xmD^eD#>QarRs!oKtQOLiYo*&^Ux{mkky1d-nWo_^zV{(R#&588vO>Bk
z;F1Hy7<eHP`B;hiP4d9L-*^wm8$99*I?*#Q!;!+>VDXp&bP5;&$$77xcb9R9FR)+r
zYT$j0z}0d8N5h3Cv*q4N$BfkV=q4HHC}|lsM$0DxPg7-6Z%E}sC5$Eq`S=3riaM)1
z9hU3~jqPRi^`ovw6PljHB#cel9l=}Kvp^r4KNRhdrW8;;!Hgb$>iGARgu{-6(X3fn
z4i6-K^;etJ*gx6!pRJirPfnghU4ebYWW=XxWmC2eg_)qyy0^_=tvf|QOu}{ef8i^_
zb&4Dw7(yP{$oz>v5olhF(94=`I@&QNl{wAM%Fp*_3!$WeYM*|S%aiBh^km9@8XhZE
zumjlB+ke%`q|?;Y#K_RH{{Gs3E6Y1z<)i5QY1RM=wI%UN9qw^#$Aj2-TplF4bofn2
zM(m9ed|VEQc#BPE2<jRsaJ9s<Ht#lIV-m3SG4S%k0RN2NbIl>O@mlDp-&0Jt;U~ng
z?<-a3Fj_D-ZY%rT`oJn;@*sl&?{w4u#8Kb%he%r4{P|DsS=azy;L&Jj=YCSZWq+A4
z8yCG5GhT`A6b@TbWLO`Us<t~@LjRrKzUQwt3Qf0VPiB?+NE!WlEJ&pfk3U*iNI#im
zhq@czF1DI)I&cSqDzT8NO9dU(bm?{CLID$zbNsCA`uHiZ{0Hx`@aElKEVQXIGBFt6
zv<(J=wG#4uhKvUhl}Y_VMZ4I}%#Reg(!AG(nhDK#;163&=Bt#E68^mHBC{ZF{PD5z
zd)6P~IIs2YJlPX_tKX>cn-~G7NYml2_1$=;cezHlfSMOwxN4fbtmmN?kZEP6D*M^m
z#RB5&SFdXyK`OD8MpWS}@E_J3k`fZxYCX$_$wsinoYsrl%F9sE1=qgo7KhG|l4ARW
zf<{)RmJ&(8de-k6*TY=Ukx~W(7V;5$!c?QnRE?ssv^1XH?(D0zsO7#CCwe-%*EKTG
zbV3!mLQ0LUayh+L3uQPhN5&5gtg#Mb?*;#poSgZ_gUb>;#?y|@r$tn;DFablsBX56
z@}#`x`FpfAm?nEP@Pbw4LhU}(WX0v+M;^Va7qGR#dWYxjS0CfDq#8Lv-Jrx+ga!5B
zJ>D#(3)Jq(l*6%(xAUID$>sds<?<*`<wdu>Q~Tx6g8!KMwa*R$p$ud}Thb1k+#Uy@
z>?JOkWs3&M-27(Wv1pzOv8ttL9&W;9f$PJL<+%2((<pM)6HQI;nPe8IfEv%|T#ppG
z;n)07yEY)?7!epkIjC7ZYQVF0wcUk4R0wMCdbk&GAhGnB%Fz7?)*s%K>)+&r2BxmR
zme=DHHs8_<QGs_QT`o~8HIHuK;hm$d4|wKJd*j-cpH-gs9;v2ezi9%?d)D@>&HMBg
z+XHvV7)_<-lz@K;gb3q$!A9mFP2HG~>f+B*mZY<!&nfcNjFJ)_d)YJ6=LrQiTnbIt
z(jDtlu}>xmU^qT#2slpBC?e%=-L6>(+!(sr-VtqCBt9{2_u2`5R-#iPO7%(H2tKG4
zJgA@LkMR5$q?b1U0t@#p50-ebM<qHNrj36BjV~ia>6?(hs#Bzo*7NrQw%12i!q)=Z
zSbq>&DNoK|jJ}3sm)a0PwGZv6U+UVC*4qfBUCxz^w;PYm`Ma!KT{=ru*-xr6io2S-
zCW@$N^KdGZ&O0`25g;hn`Q@9k?}6k7kdD<Li;lf{;MxR!f^CfE>@C!+q{ITRb})Wp
zV|PTQ=gI|opnY3nb1u4S7h(c}yU|Rqz19;(jJD&cp@3uOh?5=P>pE}=JxU}D2KSpC
z^VFB%s|g0jJ0&)6eCqFPmkJ}qe4*M~sL_<R&y|4_rGYJfCMvJyysr;6uctoRPwwu;
zHs0j74d7C!(O$#!Xyrj<Df)J>+0L)8Z_kcb`yBo3oG43>R!zS6(*=;w>l7Hax@?)&
zua1OlKky0>EZ>z4wVG7Gm8FZ;OgThNZ#bu^t+w;&x1I-nl<+%!OUUSlv}h(}GI5v4
z(R_RR3)>GfHsxpeM2K2;4`8!x1JX5;RT_h@uG*Vc2PM6Y1%*8ZDwG&sEwt~<`I?M}
zL$yC8-g*8OIFSUPLtz}qSc!C2wdbNBG7A_%$Mt}-fqDVs+D+-clf8DI?!|8V-dR4y
zQTnGLkH%+idQky@U}Xk|ue;+qrQfox`V_fny5oO1Vk+f==m_sCD)No^w&Ejjo>Gvk
zMa17#&J#50OX08APelP8y$w!O64(>%Y<jjT8i<JXZbvOon)+-cl#Oj@)4GToX*ctL
zI4|qy%@b!rl~SE+-3Z`kv&SpbD}Pz`I5{CT_Ly;Ow4yflSf1y|hAp3*?8(;Cd%D7P
zBFR`;b}%Y|`wkt-t1~3%xQSf24|Ge^x4BuA->Bs@v?z|ju=(h8-(6!mnWcm{iP_|%
zJ9USTUPl7k^?OdJ595?TfGfr6C*bU~vqwgnE}-W20(=ezvr^QPRr=#q*j8=R;nRxZ
zHxQmy>rJ{$rSjxWAZkB+__nC2+1uoNQ!ns%(7R>1-l=W7=0^-!l*+gwD7`!j)^EjV
z*=0n&M-RpXuB{4yyq_aeXRx6V98wMm$w)lCik6kHgISfoVC%z;-N47Oa|P{E?;Yez
z<Vqbt5~KA7fS4w)6CL)1vw`q3-OIBj_o2(QdElhH&5tB8ZV2@7K!nK~X~%Hm@F3!k
zgZdoh<5{yl0`p7q?(8>5yXzU<eAUiHb+u}8;590zDR8FF-ul~$elVhd32H}K_yVV;
zLNUb0x5F4Cg>`}tHPddaQmAcsP8Q{C>~?v?<U5n)eU&n45^zR-85K5ZqhiOERICS*
z9-PwGMIcMqVrNLLfw?ebDHM0YZ+JYo8%`K_{Hx7hZ%5kG?kw+NXXpZO6YDTdCZWiq
ziXe{J2rc;d%fFU)e<`r>_e5m?%F{Uz6<OJSzNu8Xy_G@xrjO@Aq-wNwd@f-@_C4AW
zkZREG26ppq;y|N^&D!0yIk$mHle0nZfX$ygm41Ftglr8P3cijTXl)u`RH9hEn@eLU
z!w)UcK~k=CV!!28VNtVWcH3e^HyWKA#{l1|ohB;=G!j+#U#k*4yQ|x=wS(b(`yog&
zfhbO^8AS>d4>d3(xi{U`)~31ht9I-BX+nZ@WV9l%GvV(ay$jyDoj*^BY)W2W0}0WZ
zsclYVpis`m@5{AW*s>(4^aWCYE!*$Uszsww>1*KG+f@+AQ!7hbj352>83Q?W8y+;L
z*EhFNSEax=J`io$aWwV2e5Uu&Fk7WjJf+}6nJCsIUB^yq0;}RG2*0Gq+b#PSE=R6U
znM_-dbu+uIm%Vh?E46D`^)`-5ktv)|yL6vsIp8dU2ySXjcn{Srdl7ly+`OY#>E9<g
z?>kmId4*c>_a9RwkBatPQL+2%_N6%&tu=giZ^toNSX-~p(m9<TDW;g5_vY~#&i`rc
zV`@LLtX?;DU=vX*n7OGd6$ZSfhc%`bOAe%`gWuO=yg%FcoR0+e#4NmWxW1C~+Me<5
zuSiRaRVGXn<`{3j;r~-}P|mHj8Dy0VbdF<8GqD*l8P9)n$eyKNf#BzeP10-D#nRFe
z@gnbC>0{&Eg1TqHF!q-#GG%X5HqR1_Y+4Pgl;IQ+6%`eIlk<KDDNbi+If0Yvlcv{M
zF-^_xSq;&w8{6YT$mar<lb`(NpVxvk*f?Xv*v6q)5<yu-<A>39x0Qr$)bZRY@`Ji4
z)8JZbHgq&bn-DQ4w|FLV(wKQfn#EE;gaElLEy<q&$J8q)_tU;Nb#``^HK9<lewKUl
zdh{{@7nwU_W5!Q@a+dgy3%Q&-<OKf2kfKtv1Fmk#4v;fj#1q7bX272W(TZPHi_1|*
zTMI5eZZ+-&MjF5K`L(oF%N~~ND^brp$6KdiZ4ClM?v8F84%d`bUd7~Gg`1wP=*{^Z
zhz{-TWJNWxL-_=#V&3Dm5a9z<hwktL5Zv6@WBO+OX)NdBSDyyj32z0IrR@A_KG}3k
zNC3Fu!#@J*S?&O$3+j?VN<j`kx2*lTnaA`GTq(uGZ$CX)Jwv9^av)icLEPVGWZtNv
zyZu}x9bnXLZ5z~uk531Bs(2w)Z(lGU+R5TbHt|17;t+K_503>l1a%b^wfnGEW#bGt
zUYO}i@m-}HPf{2TnN95hNH97g228L1XzB4DBmN}uv>%t&w;g5I&-xwI3v6s<L<6^k
z?@l^MjPrAXxC_2ozU_SNMFJy$ZIb7lep$}Cyi_Rj-f22pA08Ihd>ePtM9cp}GYLTz
zK&Zm@%clpp6zSAW&CT@{4Xf$Cx^3H5t$m`-SNePTaaY@IV@1?)i7HV>AOa#Vl!8Mv
zs)+Ld;0l`(6~UpLNg4uehoiEs0TZQ>0@JlyM{$*gCm;AgG*M@za-bwqN|k5_Ca^*e
z9_|RM2R&p@c-4~s>7aiX=J)iZD;y;t?t)l#oT)Qzw(@J?7-a$4|7~oJ*`{#b@rE@1
zQ@HS6rt9ZR>lX($GW$_6)Q2b6kFS4zl=b!T_<W7{t~RMQVa07rQf7~HQI6$7seSb_
zo)y3Ck7WC&1I@OBEYi7S!giN6$4dX59Fy9YBQD;&j|qH53dOl~-vR;Hgr>qla2p#N
zt4=7;fY_@vtwMAt0%@*s97vuKB_Sn!WDKI8Qf!Qiazixw^#N9mjsa7fS5|-0skoMn
zIuZe4P`^FEf$LWT&-5H&{UJD@IflI?Z&TuRUyL9d)Gikoi)Nn1L16yEt@KP9UrZ%v
zUKy<2jcd6+{rWY8yvO|8l}pLx#8`;iPaXuLq5yRCfL2{ilgXgPZenlt0s!%;NM+z9
zlWC31A`F<mQq7OVGmI{vgre?PpGY8xec`#Pz;vDxJlTFFnX)@`Vt;-7%c4@^8Fynw
z>UaeAO&+Ccph-}l_@(`aQfZm&tLI7MyGxy32%DAi1Ye?W)e`K<pfPB`QplB^eW}MU
z;0Zrt`_8YCd{HUa>q{os_LnHo%)q{}-IGTf`e#a}J)0_#4ERy-0C=aip5D+#t8bv=
z!QD7N#4jYWqu+eL9QBy3_Kh7MVNMco1K5CjB9x{k`i_S>W{qK?=}4AjXZq+V3V1=5
zW54v<%XCL)ZxTB7eDV*F#%OuX1Kc2KzJ&gQA`Xtq3~~Q+D+|=gLXG>@&lx7kS8nm`
zyoHTyxJkvB4bos_)}5Ro(|Z9(#Fpqa0*`6dW9bY0J<4CzUE2{y>VgqTLxHx~_%a7k
znnr$ZV;@Wd5g;0M?9R`>#QRXxTtvJuYDD!zF%|pmT9QPz094!X8(>4}grzI&bTpov
zW4;xIC)@A}b-XhvBmUqgXiS1XeA4sxVk->RBec2Fa?%>PMa5s8eXTIA4D_385_P=I
zu;Z?%k}k_)FOQ*ejMm8bPV<t)*L}-#MRm^Cg++}1hc+i!GOe%z9Tl3k!ZS9i2?Cgu
zGCJrPZFx7a!Y{l3JAp~8&VEu|DKbJ=Mnq=b_h-95TWzx)YjdtnUJzOVBduhPN(Q_7
z6YM{5CrvW=Av-4>=Ra@6ek3OcJuYlq2Cl`u`8N=*oP9&b{h)l(0Af|&DYX)hv;MnE
z^Yy#&O7o50el10aL3TLi$md)bMJo`3eoG-}?kB<fpElPch`sk_nvRl`G_nj@L{qk^
zh73n<zZZ{Y1Vs{ClH%}Pj|Ul9*|(Y6Eno|6IpVE>*Q)h<^Otadn8r^gL9^+X-1OJx
z)QMpnW-9R2Ah*UA2~iQxl|I>v#ld_!(W}|>qb<{Vf4gr8zKy<8#~ucC!e|uW*0gb+
zmi~j!uMSX*3ssB6MeOVnO5au<f!vneD?sPCmwYvw27KHL$dq@$%k}7G-($buQSFyA
z86=D#AUWQ!)oW#I)dGM`@%Qp;L)F;H@!%9ONwbHCZxtlHuMRh)eVqb44puWrSKUfL
zMrho`TnnmLO?>CweKY}IUdZIgR%(~9#yZYlY|%}A^zF`$ipu_UwZmm=5`%Xe227Nx
zGo&7E4*ytNTbuZt#w*FVy;vLEihKKpS1NU=NV-Q`n}J(y*CEFb*fPRG$*o@jil74c
z&F|`9?#v%mLBq)4KlyawV%5HG57>2((~2$Lf{$M<Y4tx`sUQ4vc2pj;45~{dNtVEn
zvgYUSKNNa(^|jifQoPZ7k1nt(;Ib_C_krhSTSCG8o~;H5`6ej>4gUrYR}XUHQogMu
ztqcwp;xYQH$7DQkZaX?W^jIr#6K4bxyqfHD-^Exq5p9@@K^7k)Xd^y8XZ{)y+Frl!
ze0?myWYB(<q^YjvL7Ft+8u$d%C}CN~%pd}tbjL1Yg&sAnW&7%CfHFg0<UDGg@OU=x
zTGM&9ZfE-PtYwBk#jezcIuAsUN5}2TaF05noO2x?H=lFLK9EzBj&qnj-L$xW-?pAI
zkpdS)aL@zbxZlo{@!BqB09lbaNnoo2EZu5sO!E+>^#xjAiUaS$K`L{(ffD!wjo{kT
zRSJduH^=QyWdD3cX);K`dd}yXD`~i?T06A0i^(3fW12uQ&U|p=SvSNjh0?@UgnAyD
z^^gDhb+lsSw4ZmhC3`x&`a_hFk78C=OPdugR~~DzZqp}be~*)W^R^tkfGJ;x`=bVX
zLJ?u(>{}FIA-SaYcEjo~ko{LKTmnRWWqp0h@|`9zL5p}7G%3@hseSMUFgc^)Fn2z9
zx7pkD)5&<rN~F<I@;D}3>+NS8Hb!g!n48J{mhd-kJTx>lOneXfITpO!CM)Q67wUFa
zid5P3S^#RY>R8-538E%PU*%@v*?7@tkNN%|ze2agT|l=#uzmtrTq(;Y7OW)`<NRH3
zKI0VX5CR}<eF<n_;(Ws-ef|mc^CN0~L?M!2Oz=US%dh2Sw%TF?lxG1SCmLa%109c1
zB4G+Z{mN6Qr=My(prj*ZkeEd9l}xaOFe2Bz<QLP>2<Kyxrp7+l8M@)dQhh$&=D#P=
zVAegu1WE;^PjQ{0jx6{|%Jp~ND1hEh5K6gRCNMC_)}pRZvZ&MDIXz9P7!cg`Y`tc!
zeG99?WOO8L0MK5rmT-2lhUz=nel?Tq?7x+w!5|y3`*XQZFVoGN9O}sV$5?AgOWB94
zm38AexN5jv($e_&d!V`Yu`*}BiG6cmOX>?V^?S2T$!}S?%%R0!wxn*f%~QGnRN7EV
z99XGMQYp0Y@w+&e25G-V4zHai^I|RKb3z5}W>q=y(HKGUcd9=du?3*%hG2c4-^fML
z?ZE#o%5M3pJxU)R=El23iS#QSWcL7FdhZ&yDmwc^@l5McsD;3j>Q-OVnnffipqRYi
zvW<m;=<q%|wuTI`0Y^_*04SAMqfzF@#(bLPpC)ppxcM6U%kz`VnfcZ=MdJ)s5mhpk
zdtWESd#6<8WXynd{-HNlXz4cc<=3w*Z>bAppBIya$8L$A45jB2__!LBQ_<&^HN7?5
z^FbcKCnfd-D3&YpE07U4l{p@N>MYq3c+EBw5lQ`a#)-w2QCaRD?$|%%6apO=cBY8w
z8Q_SFaLN+%IZVgWls@{VM9L`TUApOd6Aqe-63Lz%2VvcJMQ1ro8qm5O#~}V^b7$fD
zs#2;U@EWJkZo(7-U(Es~Um!$d_?&;U8?|#FAH>sF=Nvc`0qTw^aewncB_+GJ0RaDa
ziqH8azvae#k})W_njhjomegeyB;B@u`JVV)qnstsX(uK|S_3jqV>m@ED}}k>vo#tU
z0o?oe02E4g&@8-Jq*F=}-J{y4nbT&y`Xy?>Tk3or#V84LdFww9rzoz?ebhvHs`h@6
z5oE4a*ZETh2FUt<51)dp*4!~bvzD!|@y{#@wY!jf(4p6OJctn-q?j70pp;xv5`?=)
zoNS*V_8BBi{11oo4(b4OXO`>E>1x5V+3?R`iF};>FQ_R1@wIv1ZDePjO9l9Ksulhz
z&8K_NV!M~1IUjIcZLtP?MAq7xM=m59Ac)hTL$8fS?BF!NtHK0w@_O0*P$s{Z%lpf!
z-|EtpM-QU$=-#RQy#II(V-{p?>_}?~`S5~Aqa0^s>TH&KbI=SDM->${yMrE7A9=D)
zsxZ$TOnp7b(8HCKO`{M{v(MM(HIZ(y8ESq^%HT6KpCws22iqKHAsq!Z1rCz?&x^<J
zKL+WsFF+E<YtY~eSBPwK$HLMhl|C9D+JpU$ua|;doVramvw`r=_Xepjd(fnD7;A|*
z!TxDa{@B>w^x@w16%R@?%RtzKzYjF{dK??D1aZ7*ng{8?w+a20O<YvInhpzB@t_gm
zMAmovbU!IB?hWs25Q?M|l6}0{VIfG4W%MMzU>)GEaFR-in6&><zqIdeCM|7~<v{OS
z=UJEYLpgK-z~~mClV`oD=zE;P#P@@$@@!BW;Qbx09-OHz?Zfte@6IvJ9u6zW)-R8j
zbaJ5&8KFXMx!}_Wa^6@gB*j!A)Hv{hca$+bgql)kzbkh^YH}h{GgIG7EM+Ux%TOL_
z*ASb#k*^Q(@Gs@LyyZN*fE%9&Kyc$vwMChdMz-JDQ;=kImacMMV2g{3onGUEs*ht#
z&?Ig#6y3sT8NR(8PE+a43muIEc{%u-xTh65x^X1Ltv(mSc^Q+^hr=`VZ{8j~0&4vO
zk3lP{_93APQFNA8tU^r%Lq8i-_DPA3f$qlkw)oZQa?bQ;r@5Jk-d-P2TYUSHEfKVo
zi4Ehd=wpHWib-v(LLQ+?ln)+=OJ1w7kC7rbns=Lyf01ii=3JoKuY2#FEL>;5Ez%Sa
z)8=NAek~90iib#qA{qQi#X1RKGWgP-dUv5d2J8tNIka@mN0aj>ZDl92rw9g3$GP+9
zAIr<Fz%_&(JRw^Td8kVNg*?;`{NiHgvpkd6Tu|b7XGf-SL*Kv83bxo!W=w)<zFx7h
z#}jiNoKOjS{9-Rq#oC>#ryIq}j%Wcr6FTi`><RoD8YVt3x+9wFfa&{C9Tin^*=ST0
zXqH&;k}ZhhH|+@4{OeE{fo-ZQ4#;H#n+nBDx<Ddpl|-Eb7D_Hrl`}OKeIlUL1v)=L
z$-4MskY*pV>7G8Ztvs~*bIPLXC?Vkbk`A|4iN}zdhKXKg+H-fet)KNyzZ&*EXV}@B
z-dAYC54+)VP0ui4lmuL<Q2>m=@6qJy^YW_}YWMh6HyodSP;dV;4$20r!|UrIBW_do
zDOpQ!dh*gkj9L^8wEozpe#SF`n>1+WxvVUDZUt;0|6MX9nNepgDP#+Q$jpP<k1OYg
z7rcwWE4$Q3o5pb+30Wz>p40E&Gf1S69ei}a&+<Gu^iTqF4bL{kEVZSntn1?E+<$?W
z*k1sg_Uxyiq`9=>b{1mP=(iuwAQ^BJ|CY|w*Tb591-RkkGGtonxW-H)l|hp}9evBd
zTA$wmW}WW!T5n&a%pXLkH^Z;COG-SA921W!EoHPN+31N<5W%qEtHv}5HzJEz)+zy#
zny&icv686>zzD+#U;qR9Izy@VveT;P9>J$|KH~X_O%d=QxKg2ARUn31Z3h1F+LtH~
zTXXX%9q$wSSchN8`&$njU`d^Z@M%*PeGH}#l(Fye2%rL8iL61VYI>7AB%mcC3VnwY
zmU-{!-GP>+lP_sOJ83{27n6d_<r~1ZgJ(bvGeLSM!XJojUbpYbeAU{oYIl;~2gk2e
zN9nb<Fk}^Zu#vnvGQ<idVO+LtUqS4}46UZgNl%4M>^sgl$u`<gevEUPJO6VxJOmF5
zOrjw5lE3}!!Hbc`JMElg@_(I*)o}CbhH`_C6<jNBF(eg+C;R`Y`%`$D!3#c=Sj{E8
zr763EA%)Lj0l0eb=uV37Sspq`HYe%T;`h?8<wUtU^-wbiG#5<xbSTl@Lw5*JeK5t~
zzfw;BBy=)6Ci}^IkC-Dea^cfa#zKqPOfVMpPW_M}=&lz|tRen|fkR8tfiX(_QaPnS
zHy-#n%ZUT7y?qI1I-505BT3tjzt%a*9<*}gv;=%Mid8hu0Uh@nxZBs#Wo8&sps!0f
z<%{`-8*iNuQ;c!dbugaHr<IZ-Cz|x^U79i-q6N4xsmKx}`+l$88;aj#a*a>0RJ6a^
zHD?@xo~Ql(r$zHFmSZ2TT^ttL%8s+88ZX{8XDE-hBo%n-b=XJ*Z9FFCgx=vv8CX-#
z6x-jtK8^Lxtl#oo@ZC8F)<eR8m$rq?HhYUGHqTlAyW=l`WY*tfT3NW)Qam94w%cg)
z!U1*~8yY8l9E?}*&=~MpC)(Glkrkg=eRyXCw6Zi}%1qpHP)vO}o(dm#NK>=k_}v*=
z?|21D5$;1*mwMTm>6;QyxL^6Tux{8gXhG|i2w(*4lE6Mq%K;H7Fse|?7Td3zlRfQh
zjyT?H->k;M8>BnIRE3VZ7vmsH&<#(J?4W)R7vc}7B^5igF9B^d;!08}<4}6+#I2^r
zJA?XqxBU>PtsYVH$6VG84rK*#9CCCI5h^Ios|i24fC{9l;VW*h99iON(j{D%o;5SU
z5c!fPJI$w-GJAC)z%`w~D6|aK=nU&M2@}tZFh@66;nLE}dTkT;)j7PHiT6kG&-tGp
z!pT=^fcsHEU4Rw+Rw9Ctb_Oe;w7VO|S_?2c!5Y@!Yv*&m8oD*vzH<t2<N~!jm$Fti
zQLLK4TAN0~S%9$22hC%or?zqVDdPk}IcI9l{3*>6IRnN`m%w{I>)4&6UgJqh1(6hd
z@G<S5C|x21RBYlac?i&Uke-MM?jH%oTWGeKYa(Tk_Ji$Q?eDiiQ7vpxPi1)-{32S=
z@nfhJ`{BihC(9sTWj>UXv)8zmJyAqT4@0eYhKe$P0&j0$9Ha3DPBOgUv2wQ>W~{JX
z%VS*R@>{9*PvP0RB~ok6_j9iO;Fl=LgN;MBqT}sXeVxQ~^A{c2(kU7=U@zjthz;RP
z(3}POk~&`AjayG-g_J(~Dt!`{tlik+#?2Tw@pR#G*QSnM3byM}l9*bo3mgexym5^g
zmx<{s@6~AeXkv+Srm#ZD@X4r6jV!xybL*P%3zWQee6AC&Pve-RM1(*4j75>h6cGV-
zvqQTqABgR@g0>_L0(Ls_?1EPn2H~*GZ?D#lAhQP<?Tuc)hx0@=b0j>^c0mzq?1Yrj
zXypUASZh@gB#qBY7l>v9VRQj*bdULjN^SaAO|{HG&}~TimQf5j?+Dr;1~eHZK3jhY
z^#K28NR%inKmIWua)UqQv5Q_I>jV!&oZjmm8d<;7*aVPqaGT7Q)?>&@+o0WNQH5&X
zFqae6At#=HS&)YzMe_7gi%YI$_G>WP57mT1?Ii@j-)u1-j~{i5i;7M>oKS+N^y`r-
zs(46Nwd04bG!no|-xM(_`4Xw5gvzf_fD6m^1e<WO(avJc4>NufQ#+O$>HXW)-Hbhq
zbq2$#XAZ-~Lt?)<>e6{1|F@U*mNKMOFe|M3Z*OXLSiDK<8(-oNe_LXSO6LUQgGRs`
zBvqnDYSrIn)*XJ5@ft^kp(fjxy0M)v@!rsaNE{^2$>ccR)Oir9U`9wT0$(59OYD8G
z*sH4_JJarW12HkemS#8TZ*&SeS$l#>#NvbEAIHro=Wo0K1|E#I$7d$yc)1cI_(^Ls
zDD)mW#}3jOrM6;;;VO6W98b+X$zstZ0Wj3vwwQfUKfmw)YVW%Lsea%8IgVo;n;a{$
zO2RoMvNQ6|%1RtFG`x*O_Q*KSq2fb>jBLrw%&5pYj#V<UlQ^egk3%-`y^s1QzK_TI
zC+FdQo$Gbq*LB_d`FtJ#IZh-7A%noC4}fWH&n3CAX~KEZISJp*mZHM)I{?+{amyg=
zwKA`ehL=KlitIYkvYHu2!$~{qa|!E;-qvxwr~u}14fMn{(L+S8W#A(JjtsA$MgRaU
z(>=&U54-&VEzjW$&&5lQ<$_yUychqf&Y@RJy`%$4D|HxX1)M68Y39B*3QSw@zsVVd
z$9@ryEX)~&UZlkc)cNvJGeZ)^k|$u(qg`Ga&ptZ&31^Kse7xUm1{eK`#G?Grh&0T;
zNk?NJJey<UORn!f4s9HShW@c&?bcb~<XU$W%r7#8>nt|~HD~~A-k7sLsvml^k9K3A
zClJZ(sh;hJm8kJ21l6>A8A2FmaGxw|7-*2}^yjb{9OdT!CSO6aVjdB5j?&P{?m~#%
zjF>9$-$BU42rggk5OF>i>mq1!?htYQ9nr{n89aFFCe*mlxd;Hx6(U7vZ@c`Wkvs=k
z@1h^YNOTJ}yFu0Av2UM^ssYxaq@u2AWm@N-S4}|GLMRt%+7D}xi%cja7yqe3r0!Sm
z%D=exKDOAUTOE8!vPr7XFtkVvvL3zEQ+WwNh8QR}K}xzabZK=>(k?ol9t3tC=OYtk
z@j7{bk^B!KPqpNs65Sbv#h@4Q#5p$(Tmi=>;P6tuNFKXFZ+!NU6YxHq-{71tHz+8E
z_M0unKB6~P1O@du@#~}&_M)@CBD5mMquP-3e6gQy_6!Vy*@NOZIs)cd5R<rh+#S@y
zrMh2wsYm#iv3Cum&;9+z$s#}EMBNh9l&FtXPYXCqXgPWKPx(<pwTejB+&*R@Rk6vB
z!Ju8wL;SUKVM;f12R{a<3lgA9c-U_=m&e8h(7b+|2e7+nACxf5welD9(F0$X;551c
z-_X&8$UEYH$so(Iu(<TbBowG>=F2v-x#-_%oU1<4r^p(W*SJ37PSf1H=EBzEhgx8w
zkv@XXEzI0ny{|*F|9K8y>@_OVZhwh`{MqSzn}5?KO>-I-Le=grx*s}UBj%ZX^aGe=
z12$UB{_;euI5PA}OXw*UDOy9=I&{I|3b+*D`lf|sRSZ2?R+vWUv6!GDOT=j1_@y{h
z7H24E5~Jw)Z*T)F0Tpe3<}YjJ5&ct=v0wsT(KYoHnbC^yK8bOahHKZ8%zeXZ;*ayD
zn<_)YwupFd$s@x!T6KTvLlG2jmW^0o4B9AECy(p)q1_8S9u)s(=D_q!&DrRlZ;S+@
zkdFX!5L<XjW7;%vI+)EyGggab+3?K0kaQbWW!lE1KB2+(d&SsgvG$Cfh|r0?)?>}Q
zCL5zMG`#%1buIss8TYg`KL+cvk(pC%=)UmjsC*2jbp%&CrUI!-4X6TO6$L=D`Ejwx
zm_5BiYf6yU+Cj=t9#FDDOnTBp)khh}s#nn5ue;;)hEas!I4R@Y0>p6!dok2m{l}p_
z(S8_@LnXU3PUUvd36g8H98<?6w4>kKyyz;8#ANw|VTTf=gvC=TtqIT>yhc|pf7>|C
z7iXl`iRIE$36hbUgv+ON#}{bcRvnPxpN%TaOI3RenP8mMWDNM{bUiTR$G)%-ef#3+
zKuPG{De9m&CMCh;4scGl$4MuyvfU41wot|y?BYfg7z$5%cI6JjzvQQ%uZCn{Nz=sp
znu!Ipbl2a>3DIONpqK%^ngAg%6EP`7#e@JW`0J1l)5PY$3$I`-7x)PSm4VEAwH^I5
zTe8vU8v1=1=x$z#7%+#o;0TLg&Pe#nWQ%iZ5EALsIeExrgV^w&XB>XH;zAoq6+a6~
zm*YC}lz*=pKVqP=wx+aPb!6(uE2H&#-$}gpb%8y-<KI|?*I9xJko%jDnVykBc+Q@e
z#XD$FU&>nMl}YqN*tMBNBRhKWE;4`Vf6pU-<y1nH{yF+C7fz>4fb5YJskjr@K=_J3
zSrCkz1|VSybGA8pbXz0jC`Bp~X7)hOAs#qzDxSZR)3B6+YGweJc^t3w!7v)tG2Akn
zP=o;dr2dRg%o!YoArwlH2aO4-&h}OwAAw=U9}+41$1Ay4QwWm<&R|3L(LD{qZY&=?
zsm8%Bl~+#d=C@GL435~Rgb2Fh67th-ay*0@GkwxVa-|n@QvM;8dGVG&k~Ja!YE-6q
zR@k;DctULSF<?IvYb)jEY(f17CmdP6q>x1Q96D-hEg_6sg6gmM_HPPU+LkK=ch)x2
zSF*}@P$I(FL>|1!a`kv0|AlcfLPcG%k4~rn1gf}+RqLnfXg}kDh`(HKffOw0L|HTc
zk{#XlUn-~#>o$V&&IBX+x0vt6E~TOZyWZ7!j5Zgb`T$3sZJv*Ct{Qz5kV%0BWi7rt
z9+Y`&;{IO~4J;cK_}%J<ac`cA7Ty5msJ&%hN_L7?TN4q)Ztc5dq;^qR)bbjk9`KJ(
zxXsddXf9g=U&xQ1%3Fe$JTim?5=e2B#2UGGk1lpik5#mMpKe)h<TVNW6D3;{B=wB4
zzew0(DK+Sjv&%t-G*O#8$SC>9V$5J0ZFsrS8i{b8lcG**ct;GbH*((MB1EmUQHSCv
z?=1(D51)7*8Rzs%yn%y1@l6&|-0G!O@6!D$>PX%)_MBJD!CHm4^UM>P(|$GzZrH;_
zn^0H;s#ob^eHV)|WRqB59*MdNzdZYw%4|V6g1!q6lY2mQNUUQaLma5R^@Qb$^(2tz
z&x1YKe%y{aKZn14(V;7DC;+<G<?YG2PyI=4N;Z4&hBp7;JrtA5V-ITh!w(#lx&1Xz
zR$t)Wk)f1M!L9x-%6(1cw^Ks25NC!LIU<C5@ThS_ERDbY>c(Ljc#DPowpDH<aDtiR
z?6h3uTo<Kpn|iRzqAuvK;aYl&7KgBT!L1fJn$KSjc-cK`EPV2swQe29zSLaE+$Y+#
z({}{9*DD6)z)|=oAG>`tGQ#0u&d|N!x=S0o`#xjtqSWjk)?_0N;>CKc+fsih)SNzK
z!_)@m@PlT8E1*Cd|8fCOT^9)3zqz$zEB!GI1v;LaNE~chhr+kDb7m`SaQ*CujQ1rr
zMY6bqRn@JX8?<Bsbt>t-fnK-W+JWqi$bL*a9;*T_xnCS0-o1l{`@mQ)IK+W2;MkZ#
z9POf*?(;7JO1G#h;NfS?CQ`niYgx8u<I(Uk2eZMTQb<n75#z5+2gS*xK#i&E5Jn7Z
zM3`FGhDE*fp&&pCamJMR)rg#!S6*N<1(-QytgW$>kw8MMDDGDwR!)*O+qi_}hVU#j
z(T5*!kT*fY@XGVT8Y!@?vP6<v9qG0PGg36_N5(7}jGE~%E3Iw8Q6GW5;Sq`u&_~eu
z4BO{fBThQPmfyhk1LS!Bcr?m4$4@A1Q;Hg;x%H)Jo|)8$foA)kvk&IpCou#a{1XT$
zGzJd_yPVc+x0d6`2ft;?;y`kC@g*UpVJlCluWwO_i<PVVfSe7I!A;YKA=!vBbA);#
zg8p;SyowzI6*=qGa8qsX6OZ?zx&CyXJjisngn9a>x+_wZ+jq8VD+u}KBbFSYgsaba
z)%{f(4-~1P)<o|^Qh&F<HHkV;KJUPOJ|*Uo`3O&P@LM{~Q?Tel%I^;Hq8+8+OYW(;
zblO1qIPO>kT)j&0-D#$Xbo{3x4|jTic}R+yAW`3bA$RXOe=-jx0VmE?^U6%ObpE6+
z)_Pm>nOtzVEFnM;ItE)29)BfzhJ$E&6np(p+@dz$Hz!QPvyrn}gKBD%>U*(@pCB|d
z;Qf_%Jb-heiM?FK9T3pK5x14jtm<fk;QkAtVgD9g8)-cUYXyG7GxBBcE}yMFt_BKI
z*(l)26~)n#TpOviZ?9a(B4W=Tv8EU#J(r%|4VkzQNUG*}7|cCUCB)#%neEKJPg@et
z!XLmK%ocHTf0aeTc8n@fb7L()1tgEPHLmhGQ%XY1m(7-EBGI)x=!kdB;03NT(Q|B-
z2kKi>I$Ljf7ff2JUXOXL+Ov|y-V?t01T89$E76}@ibm9HCzet`B+88-Da66x%FvVQ
zXCRZy_=xvC0}5AwR?C*GJ(|ARhu_g(*eXGHn(29rg8*o*?*&myq>dZp&M8Wt%+}@&
z>iYJe`|5Xog2dzE%;UDWQqvYj4&uBL5#BL=5iAXAUuzfHLpyq-8J`kG{Yk$ezCK38
z8fVCD=q6!I++H1K9Zx)!K&rjy)TT7EL0fyc`}<(|o+NvFs(4}`^QumPECF}nSr6X4
zv$_VkeOh293s-MU@Xz<|Mwg{UMsdxkz-PJcWq%C>tnA|O(@tWRe7eqJ#_PnHW5WEA
z9ih$+qI<f0cg#mVe_$oc$-`C*f=1AdQ<C<f+&wDL-vbY2waVy|j#*t7aZr^7TN8Qa
z=h*roOYi0}Sb-G!9esj)6k9Yk({ang&d5<179`ZE6~VkC(`U`bzHXz$h7ygjjwg))
z=^klWWjcd{btAB{Zeuoiq0ZROM_LIVJ<pWrN4mzWED)WhY%J+4j`(gq^2G}%3YFA#
zYyl-98(b|-Q>Y*qa|YgZ+<Erwnz7C%y<fcc9eS6#3Lq(@jD`%s!SdQ3WgJNILuJfF
z<+3Y(hMoX|LU6`@Z)v!l{j3)&Y)d#Ps_nA3F0`kY2-J^m3O>C=%roFmjVX8OYk4fK
zCC*Vr*ZPaIYiP^{tf@i`p_#Q$j$byLjdU0M;3i#|GYC^?Lie+gzM===jH=G2f*YHJ
zd>iE>>m%q90m5_|YpYRZ9>n@5`N7EsPeChFVzoKu3>_jS_m>~%M=7vToPqFZ2Xo$u
zMk|@wbuY!}eywccse9oxkV3%>*7gJfm8X(Aj%_UgzT}*G*56n7rL`lZlyhsES?}s$
z>~Zj5Ohz;uK9h;vH<-zcNl447l~S1!1G@!9dsYm6vX}IxP8G+^5T`uY3pM9Po^}iL
z7_?)+TNVn$2Mt?-SpVTcXW>@p<01KV4_`6B8nUbz`fp%tB5z#bFI&$<p@=QqYe*+^
zcD^Gy^^mXd8EJ-kOR)y2IPKmLanZ*AA>9|{m(0Pq$?+!A_Ee{*oxaqOS2)XlGeh0e
zN5)s(I;C<SM(Ui1_b1HK8-qi1wvH#>vdsA>mAPW`4U}i=A{N^q<uPv=t)7yx;$_kd
z$k=jeqLvubEMm1UC3Zr1tw(Ew^?9L~2JAjdtBh9d#>VGOS5fQi*9Q`}r3^}}<H@FN
zHMd=tN4$o%IGUSx7IwjXh4yO%OYIjwr11;q64>#6bb1WsdS%F6*(3G~L6Xe7OL&P#
zVV_vKf#lBh==nZji_jb4ZxpryAIme0M7Lghn4n$F%6v=!QFqB0@?Pe-yPd4O9HH8R
z8c@ju)8p@i6PwP9mQ@B$9m|Zhly8u_iM8|Ww*nWDur+#Uh|+}=wcOMgmlM3IPRH34
zj-n@^5^nsa@KgPT7T)4;-S=dj_G0CvC=1~aL*&i`3-N}lMH=PLbC`IUM3CZp)kELx
zq1Hg<v4#opt<R2S=hJQ}@nt=$L$ZQbEjg=P%ata3X&#ku#xFVNEh_+=r{v@Z7^Pr`
zQ~gf=n`pp?wQCf9)!AxTtCVJ2%KEdYSqvO-CP7rA{9ZOm2+)tYi~qY=^gK7I<ZHi~
zzRqcZ#_ka>{Dr>N)0s>gbv-A5Sf#!29dL!~tjexXMZT-BatveIfhBA3#ojl3sn=@7
z*~D3w^KVZnej8876PGPvKxVV^I#*h#{U~BZxFhoe2EBkRVsK^~Is6TMG57NaL^&H~
zTjy^-$+yaeHGeI1RLKzC3TjIoU2cTC#C3Zj*l&b4H2w3~_EXv|!TX}&dlI(<YBqU@
zmrH%Hm-%|P_S_f04=G#rgb9~wl;dYz<n)m|X8PLlM}Xj-ohBD<{ylxXl(V=9?k9yl
zz8yO>H$a%>jpt84q6BO3<8y!8DJxHK5@0AHE}i~ei@1!m#wKr0jJ?d~FZ&jFMa-PV
zYHHwyesVN=(wupz<Cpem;>c2=A+he!%2?K7mBp<q;l~?L2DyfG4!vb(tvyP6eo9(C
zCgSmJl9t@Wtby$doau4J<nYrgALo7<vwmPsHGr%6{ov8YWW|&GxJ{&-B}Eo~oX#p*
zH-Z(8x9R#uLG9fmZI7AKxnZyTvXq_iHBAxYLX2JG)@roa#YhDmcpik(-Ls}ic-mHk
zRd1|d6ld~HEwf)sd0g`!9P@Rl?VEI9ZZ}EskW(2t)*AQ}+uU#QHoK&WUw_zYgJ<a2
zOyN!Im0!fWGTK5WdA9Qv6_D3tUvgUFmlqO>M9)yY#(@6?FZxJ1?gq&!dlsm_9UJGu
zjk~M=+a%qNb+Rvi$(Q2NJKoEMn+fB-Q#<t2Ui{xG>DFk?pR=~l^c11reL7*um|Gbb
zYV%zczK@q*GW4FjlD!>NwXqGPC`(<}v^zXROEr2jKl3=u$M%@d-&gYXkOv~fzQ&7f
zTCQ9>-})|b4(@*FLzppJ&8q?3${GL@I*!3Fmwz=)!tNRzGY^em%^40DaA2Ft6<lx}
zFb|E=Rt#EsnErduHX?jA9+F)|kCMM>cZ(Znln%H1wqvRcsV$O@p<ZReVPPAL24#Nj
zanWNzD|e{kQ*J|JS2>Dm=`)MDGxh~bS4q}XEBD^ujp^Px-sJ4{?b_F_cJWz!i1wCd
zjC#E!F=E^`qL-Waa%W-L=S;)zPE-zN@%M^?rqb@@+4Zu`-f+#@E90XzSx<`AIXbeo
z$KB5`J-dPpDXmTZ3eq$=h`L=Pit6YcO+6`~F5jCVS^@v`xyr-29=)r~ML*UraP8-{
z-mq{fF5I^d0@>#;ao#a{@4AF^Uq%ft^|oSjfM%mo;$@*z>^xcpbORu*diqW&rU0sN
z(V1FU4pTU>!z1=Qn`JcQNf}MG6H-!(geN;897?oN;SuX;nW@}*7!0$BHM4xlVlh2q
zi^fs!675pcz{Lti(^B}J-{~N2ZZ(N}SGtJ112vR`kJG$ZRc_b4v!%lm*)nhxf6tzQ
zwVbXxvJtJ~n~*L259gXI7O8~_3eCnWBC^A#-b5p1+1G}5e6P-!ZrM5&oWj`LB{mC`
za2nB<))!o$-lohV&1(s2Z?U^;9{DV-?#RKP*}s3^gCi%7xN8Rllwo9N1bW(Xy{9(c
z)g{}j9Kn5dSx>v|BhJ3fYs`fsW7Jc9ajyH9lHFr7c-<%K(`=>Xheb?VovZ7(g)3?;
z;=9A2@p!8u@=;VfDK~Z&4S<ybE6J5_y$2`3hsT06Of%Slb^iC~KNtL$1^<6K!ps53
Ygv5qA_Tk1J?MGh>^h_?4>o{Tm4>T``wEzGB

diff --git a/public/images/hutopymedia/icons/pink/facebookpink.png b/public/images/hutopymedia/icons/pink/facebookpink.png
deleted file mode 100644
index 8a2fea10fc788fbb3b9d8a192d61c03db500d89a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 23055
zcmdSB^+QzA7cY8-?oLVRkQC_>29WM<kZzE!0hA7D=@tYjX{iB3ln&`GhwiSq<M+P%
zzVE(w|AEIZGw19%YwxwzXT@H79bz=p6mYSgVF3VutM~@21pr8huSfs}8sg)^@6R0o
z&;yF#*E)W=2g~T6nDo7c9^hXp)rfrs(dC$+7Si-}7-SS+-U+7E)OE%V6zgzR-eyG>
zYtNH7MYL`~!PgilG8WjDyc2WL@zQJuj^}De2D;ZlW7S71dCPg?%ci^Vsh1194a+Su
zvl2pi*bM)_`HRi@ar#8pwNqVB(<~gm_YQZ&h**0{cX(`Oy;bcUgAQpThKx0Dy+29*
zexZO#Z-NkY<OBh6jyxd>+RJm@czuqFS4O;*1LliOa6M86qE5XDuL&#}Hj)xq(#8j%
zYxSwYrjUZFh8{!aPY&0c3-cVVDE*T<n|lh^6<-qOu{bm3LgCFN8sUymtQ^54i?cau
z`ADTtIaSu@&3wZudL`yn=iVwK!<%1UwphcvtS9!##L0ELV-Aglp5x$r{tR22gM$<4
z6j~0Nof&0q(y(X~M~3@$)4tw6PK`RjW<RXf4>%0Dn0N1@3qP9Y4MQ!0f=F5(@|MYu
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

diff --git a/public/images/hutopymedia/icons/pink/instagrampink.png b/public/images/hutopymedia/icons/pink/instagrampink.png
deleted file mode 100644
index b399f2658e1ce0d8927e844c6b0fcf9b26c05c24..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 22859
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

diff --git a/public/images/hutopymedia/icons/pink/xpink.png b/public/images/hutopymedia/icons/pink/xpink.png
deleted file mode 100644
index 28ed2cea3b7968937b4d183c160abcb3ff2974ba..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 44549
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%0Ak
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

diff --git a/public/images/hutopymedia/icons/white/facebookwhite.png b/public/images/hutopymedia/icons/white/facebookwhite.png
deleted file mode 100644
index 1d3aa5cb5efc6bfd68d10983409e6457b34993ca..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 16193
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
AI{*Lx

diff --git a/public/images/hutopymedia/icons/white/instagramwhite.png b/public/images/hutopymedia/icons/white/instagramwhite.png
deleted file mode 100644
index 54c1b95517de319567af65ec71d83d874d81838f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 35620
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

diff --git a/public/images/hutopymedia/icons/white/xwhite.png b/public/images/hutopymedia/icons/white/xwhite.png
deleted file mode 100644
index fa153b510f2d32abf8b5fa8c3900fb9411aa5737..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 47422
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
TIp~PPzmuA>mQuxI%lH2W>B=e;

diff --git a/public/images/externals/tiktok-black.png b/public/images/socials/tiktok-black.png
similarity index 100%
rename from public/images/externals/tiktok-black.png
rename to public/images/socials/tiktok-black.png
diff --git a/public/images/externals/tiktok-white.png b/public/images/socials/tiktok-white.png
similarity index 100%
rename from public/images/externals/tiktok-white.png
rename to public/images/socials/tiktok-white.png
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue b/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
deleted file mode 100644
index 14df41a..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalFacebook.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien Facebook</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="facebookLink"
-      label="Votre lien Facebook"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const facebookLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue b/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
deleted file mode 100644
index 6993d25..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalInstagram.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien Instagram</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="instagramLink"
-      label="Votre lien Instagram"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const instagramLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue b/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
deleted file mode 100644
index 2286e60..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien LinkedIn</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="linkedInLink"
-      label="Votre lien LinkedIn"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const linkedInLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue b/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
deleted file mode 100644
index e23ccb0..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalReddit.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien Reddit</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="redditLink"
-      label="Votre lien Reddit"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const redditLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue b/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
deleted file mode 100644
index 2a57004..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalTikTok.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien TikTok</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="tiktokLink"
-      label="Votre lien TikTok"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const tiktokLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue b/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
deleted file mode 100644
index b99e864..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalWebsite.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Page Web personnel</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="websiteLink"
-      label="Lien de votre page web personnel"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const websiteLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalX.vue b/src/views/Profile/Dialogs/PageInformations/ModalX.vue
deleted file mode 100644
index f86f434..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalX.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien X</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="xLink"
-      label="Votre lien x"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const xLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue b/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
deleted file mode 100644
index dd4492d..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ModalYoutube.vue
+++ /dev/null
@@ -1,24 +0,0 @@
-<template>
-  <div class="pb-5 text-2xl">Lien Youtube</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="youtubeLink"
-      label="Votre lien Youtube"
-      outlined
-  ></v-text-field>
-
-  <div class="flex justify-end space-x-4">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-const youtubeLink = ref('');
-
-</script>
-
-<style scoped>
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue b/src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue
new file mode 100644
index 0000000..1a466b9
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue
@@ -0,0 +1,123 @@
+<script setup>
+import {ref} from 'vue'
+import {useClient} from "@/plugins/api.js";
+
+const props = defineProps({
+  creator: {
+    required: true
+  }
+})
+
+const emits = defineEmits(['closeRequested'])
+
+const facebookUrl = ref(props.creator.socialNetworks.facebookUrl)
+const instagramUrl = ref(props.creator.socialNetworks.instagramUrl)
+const linkedInUrl = ref(props.creator.socialNetworks.linkedInUrl)
+const redditUrl = ref(props.creator.socialNetworks.redditUrl)
+const tikTokUrl = ref(props.creator.socialNetworks.tikTokUrl)
+const websiteUrl = ref(props.creator.socialNetworks.websiteUrl)
+const xUrl = ref(props.creator.socialNetworks.xUrl)
+const youtubeUrl = ref(props.creator.socialNetworks.youtubeUrl)
+
+const client = useClient()
+const save = async () => {
+  try {
+    await client.post(
+        `/api/creators/${props.creator.id}/socials`,
+        {
+          "facebookUrl": facebookUrl.value || null,
+          "instagramUrl": instagramUrl.value || null,
+          "linkedInUrl": linkedInUrl.value || null,
+          "redditUrl": redditUrl.value || null,
+          "tikTokUrl": tikTokUrl.value || null,
+          "websiteUrl": websiteUrl.value || null,
+          "xUrl": xUrl.value || null,
+          "youtubeUrl": youtubeUrl.value || null,
+        })
+
+    props.creator.socialNetworks.facebookUrl = facebookUrl
+    props.creator.socialNetworks.instagramUrl = instagramUrl
+    props.creator.socialNetworks.linkedInUrl = linkedInUrl
+    props.creator.socialNetworks.redditUrl = redditUrl
+    props.creator.socialNetworks.tikTokUrl = tikTokUrl
+    props.creator.socialNetworks.websiteUrl = websiteUrl
+    props.creator.socialNetworks.xUrl = xUrl
+    props.creator.socialNetworks.youtubeUrl = youtubeUrl
+    
+    emits('closeRequested')
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+const cancel = () => {
+  emits('closeRequested')
+}
+
+</script>
+
+<template>
+  <div class="pb-5 text-2xl">Reseaux Sociaux</div>
+
+  <v-text-field
+      variant="outlined"
+      v-model="facebookUrl"
+      label="Lien Facebook"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="instagramUrl"
+      label="Lien Instagram"
+      outlined
+  ></v-text-field>
+
+
+  <v-text-field
+      variant="outlined"
+      v-model="linkedInUrl"
+      label="Lien LinkedIn"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="redditUrl"
+      label="Lien Reddit"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="tikTokUrl"
+      label="Lien TikTok"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="websiteUrl"
+      label="Lien site web"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="xUrl"
+      label="Lien X"
+      outlined
+  ></v-text-field>
+
+  <v-text-field
+      variant="outlined"
+      v-model="youtubeUrl"
+      label="Lien Youtube"
+      outlined
+  ></v-text-field>
+
+  <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>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 6cd7b88..cd93a8c 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -1,13 +1,6 @@
 <script setup>
 import {ref} from 'vue';
-import ModalFacebook from '@/views/Profile/Dialogs/PageInformations/ModalFacebook.vue';
-import ModalInstagram from '@/views/Profile/Dialogs/PageInformations/ModalInstagram.vue';
-import ModalLinkedIn from '@/views/Profile/Dialogs/PageInformations/ModalLinkedIn.vue';
-import ModalReddit from '@/views/Profile/Dialogs/PageInformations/ModalReddit.vue';
-import ModalTikTok from '@/views/Profile/Dialogs/PageInformations/ModalTikTok.vue';
-import ModalWebsite from '@/views/Profile/Dialogs/PageInformations/ModalWebsite.vue';
-import ModalX from '@/views/Profile/Dialogs/PageInformations/ModalX.vue';
-import ModalYoutube from '@/views/Profile/Dialogs/PageInformations/ModalYoutube.vue';
+import SocialNetworks from '@/views/Profile/Dialogs/PageInformations/SocialNetworks.vue';
 import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
 import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
 import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
@@ -22,14 +15,7 @@ const dialog = ref(false);
 const currentComponent = ref('');
 
 const componentsMap = {
-  ModalFacebook,
-  ModalInstagram,
-  ModalLinkedIn,
-  ModalReddit,
-  ModalTikTok,
-  ModalWebsite,
-  ModalX,
-  ModalYoutube,
+  SocialNetworks,
   BannerPicker,
   ColorTopBanner,
   ColorBottomBanner,
@@ -39,6 +25,7 @@ const componentsMap = {
 };
 
 const openDialog = (component) => {
+  console.dir(userStore.creator)
   currentComponent.value = componentsMap[component]
   dialog.value = true
 }
@@ -51,7 +38,7 @@ const closeDialog = () => {
 </script>
 
 <template>
-  
+
   <v-dialog v-model="dialog" max-width="600px">
     <v-card>
       <v-card-text>
@@ -62,7 +49,7 @@ const closeDialog = () => {
       </v-card-text>
     </v-card>
   </v-dialog>
-  
+
   <div class="flex flex-col items-center w-full">
     <h1 class="uppercase pb-5 text-2xl">
       <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
@@ -127,91 +114,92 @@ const closeDialog = () => {
 
     <!-- Réseaux sociaux -->
     <div class="mt-10 border rounded-2xl w-full max-w-[800px]">
+
       <div class="py-5 uppercase ml-4">Réseaux Sociaux</div>
+
       <div class="flex flex-col w-full">
         <button
-            @click="openDialog('ModalFacebook')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
-          <span class="flex-auto text-left pr-6">Facebook</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.facebookUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalInstagram')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
-          <span class="flex-auto text-left pr-6">Instagram</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.instagramUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalX')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/hutopymedia/icons/black/xblack.png"
-                                                                class="w-5 h-5"></span>
-          <span class="flex-auto text-left pr-6">X</span>
+          <span class="flex-none pa-2 min-w-32 text-left"><v-icon>mdi-twitter</v-icon></span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.xUrl }}</span>
           <span class="flex-none">          
                         <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalLinkedIn')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
-          <span class="flex-auto text-left pr-6">LinkedIn</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.linkedInUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalTikTok')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
-          <span class="flex-none pa-2 min-w-32 text-left"> <img src="/images/externals/tiktok-black.png"
-                                                                class="w-5 h-5"></span>
-          <span class="flex-auto text-left pr-6">TikTok</span>
+          <span class="flex-none pa-2 min-w-32 text-left"> 
+            <img src="/images/socials/tiktok-black.png" class="w-5 h-5">
+          </span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.tikTokUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalYoutube')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
-          <span class="flex-auto text-left pr-6">Youtube</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.youtubeUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalReddit')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
-          <span class="flex-auto text-left pr-6">Reddit</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.redditUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('ModalWebsite')"
+            @click="openDialog('SocialNetworks')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
-          <span class="flex-auto text-left pr-6">Site web personnel</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.websiteUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
-
       </div>
     </div>
   </div>
diff --git a/src/views/contents/contents.json b/src/views/contents/contents.json
deleted file mode 100644
index a5e8983..0000000
--- a/src/views/contents/contents.json
+++ /dev/null
@@ -1,40 +0,0 @@
-[
-  {
-    "id": "00000002-0000-0000-0000-000000000001",
-    "url": "https://www.youtube.com/embed/neKWqjE0eSs?si=Bo7xbYaw9-56w3lU",
-    "description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
-    "created_by": {
-      "id": "00000001-0000-0000-0000-000000000001",
-      "alias": "@marchy"
-    },
-    "created_at": "",
-    "thumb_up_count": 0,
-    "thumb_down_count": 0
-  },
-  {
-    "id": "00000002-0000-0000-0000-000000000002",
-    "url": "/images/usersmedia/HutopyProfile/pictures/version.png",
-    "title": "Déploiement de la version 0.10 d'Hutopy",
-    "description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
-    "created_by": {
-      "id": "00000001-0000-0000-0000-000000000001",
-      "alias": "@marchy",
-      "portrait_url": ""
-    },
-    "created_at": "",
-    "thumb_up_count": 0,
-    "thumb_down_count": 0
-  },
-  {
-    "id": "00000002-0000-0000-0000-000000000003",
-    "url": "/images/usersmedia/HutopyProfile/pictures/version.png",
-    "description": "Bonjour, Nous sommes fiers de vous présenter la version 0.10 d'Hutopy. Nous sommes au début d'une aventure visant à transformer la sphère des médias sociaux. Notre objectif est d'apporter un souffle de fraîcheur en favorisant des interactions plus constructives entre les individus. Dans cette première version, seuls nos utilisateurs testeurs ont accès à la plateforme comme créateur. Dans un futur proche, avec le déploiement de la version 0.2, nous contacterons les personnes qui se sont inscrites via l'onglet d'inscription et ont rempli quelques questions. Si vous souhaitez soutenir le développement de la plateforme, deux options s'offrent à vous. La première consiste à nous apporter un soutien financier, tandis que la seconde est de nous contacter pour faire partie de l'équipe de développement. Nous recherchons actuellement un programmeur supplémentaire pour faire progresser certaines fonctionnalités. Merci de visiter Hutopy.",
-    "created_by": {
-      "id": "00000001-0000-0000-0000-000000000001",
-      "alias": "@marchy"
-    },
-    "created_at": "",
-    "thumb_up_count": 0,
-    "thumb_down_count": 0
-  }
-]
\ No newline at end of file
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 312cef7..965daa3 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,5 +1,5 @@
 <template>
-  
+
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
     <div class="relative flex flex-col">
@@ -89,26 +89,54 @@ function GetActiveSocialNetworkUrls() {
 
   const socialNetworks = [];
   const userSocialNetworks = props.creator.socialNetworks;
+  
   if (userSocialNetworks.facebookUrl !== null) {
-    socialNetworks.push({icon: "mdi-facebook", url: props.creator.socialNetworks.facebookUrl})
-  }
-  if (userSocialNetworks.xUrl !== null) {
-    socialNetworks.push({icon: "mdi-twitter", url: props.creator.socialNetworks.xUrl})
+    socialNetworks.push({
+      icon: "mdi-facebook",
+      url: props.creator.socialNetworks.facebookUrl
+    })
   }
   if (userSocialNetworks.instagramUrl !== null) {
-    socialNetworks.push({icon: "mdi-instagram", url: props.creator.socialNetworks.instagramUrl})
+    socialNetworks.push({
+      icon: "mdi-instagram",
+      url: props.creator.socialNetworks.instagramUrl
+    })
+  }
+  if (userSocialNetworks.xUrl !== null) {
+    socialNetworks.push({
+      icon: "mdi-twitter",
+      url: props.creator.socialNetworks.xUrl
+    })
+  }
+  if (userSocialNetworks.linkedInUrl !== null) {
+    socialNetworks.push({
+      icon: 'mdi-linkedin',
+      url: props.creator.socialNetworks.linkedInUrl
+    })
   }
   if (userSocialNetworks.tikTokUrl !== null) {
     socialNetworks.push({
-      icon: '/images/externals/tiktok-white.png',
+      icon: '/images/socials/tiktok-white.png',
       url: props.creator.socialNetworks.tikTokUrl
     })
   }
   if (userSocialNetworks.youtubeUrl !== null) {
-    socialNetworks.push({icon: 'mdi-youtube', url: props.creator.socialNetworks.youtubeUrl})
+    socialNetworks.push({
+      icon: 'mdi-youtube',
+      url: props.creator.socialNetworks.youtubeUrl
+    })
+  }
+  if (userSocialNetworks.redditUrl !== null) {
+    socialNetworks.push({
+      icon: 'mdi-reddit',
+      url: props.creator.socialNetworks.redditUrl
+    })
   }
   if (userSocialNetworks.websiteUrl !== null) {
-    socialNetworks.push({icon: 'mdi-web', url: props.creator.socialNetworks.websiteUrl})
+    socialNetworks.push({
+      icon: 'mdi-web',
+      url: props.creator.socialNetworks.websiteUrl
+    })
   }
 
   return socialNetworks;
diff --git a/src/views/creators/CreatorList.vue b/src/views/creators/CreatorList.vue
index 5afe06c..36f901b 100644
--- a/src/views/creators/CreatorList.vue
+++ b/src/views/creators/CreatorList.vue
@@ -28,6 +28,5 @@
 <script setup>
 
 import CreatorCard from "@/views/creators/CreatorCard.vue";
-import creators from "@/views/creators/creators.json";
 
 </script>
diff --git a/src/views/creators/creators.json b/src/views/creators/creators.json
deleted file mode 100644
index f05c95b..0000000
--- a/src/views/creators/creators.json
+++ /dev/null
@@ -1,51 +0,0 @@
-[
-  {
-    "ìd": 1,
-    "name": "Hutopy",
-    "title": "Page officielle",
-    "description": "Site officiel pour Hutopy. Venez-nous-y retrouver avec tous vos fans!",
-    "imageUrl": "/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png",
-    "routerLink": "@hutopy",
-    "about": "Notre mission chez Hutopy est d'aider les gens à s'épanouir en leur proposant un environnement de partage unique qui va leur permettre de se surpasser. Nous travaillons étroitement avec la communauté d'Hutopy afin de concentrer notre développement sur ce que vous demandez et sur vos besoins, afin d'offrir les meilleurs outils. Le tout en gardant à l'esprit l'aspect humain de chacun. Il est important pour nous de contribuer à créer un monde meilleur.",
-    "contacts": {
-      "twitter": "https://twitter.com/Hutopyinc",
-      "facebook": "https://www.facebook.com/Hutopy",
-      "instagram": "https://www.instagram.com/hutopy.inc/"
-    }
-  },
-  {
-    "id": 2,
-    "name": "L'effet",
-    "description": "Fondation",
-    "imageUrl": "/images/usersmedia/leffet/profilepictures/leffetProfile01.png",
-    "routerLink": "@leffet"
-  },
-  {
-    "id": 3,
-    "name": "Guillaume M",
-    "description": "Créateur de contenus",
-    "imageUrl": "/images/usersmedia/guillaumeMousseau/profilepictures/profileGuillaumeMousseau01.png",
-    "routerLink": "@guillaumeaime"
-  },
-  {
-    "id": 4,
-    "name": "Chloé Beaugrand",
-    "description": "Spécialiste en médias sociaux",
-    "imageUrl": "/images/usersmedia/chloebeaugrand/profilepictures/profileChloeBeaugrand01.png",
-    "routerLink": "@chloebeaugrand"
-  },
-  {
-    "id": 5,
-    "name": "Mathieu Caron",
-    "description": "Entrevue Atypique",
-    "imageUrl": "/images/usersmedia/mathieuCaron/profilepictures/profileMathieuCaron01.png",
-    "routerLink": "@mathieuCaron"
-  },
-  {
-    "id": 6,
-    "name": "ARPS",
-    "description": "Agence créative",
-    "imageUrl": "/images/usersmedia/ARPS/profilepictures/profileARPS.png",
-    "routerLink": "@ARPS"
-  }
-]
\ No newline at end of file
diff --git a/src/views/main/SiteMenu.vue b/src/views/main/SiteMenu.vue
index 92dcf61..3effd7d 100644
--- a/src/views/main/SiteMenu.vue
+++ b/src/views/main/SiteMenu.vue
@@ -3,16 +3,16 @@
 
     <div class="flex flex-row justify-center pb-4 pt-2 py-4">
       <!-- Facebook -->
-      <a href="https://www.facebook.com/profile.php?id=61556819217561">
-        <img src="/images/hutopymedia/icons/pink/facebookpink.png" alt="Facebook Logo">
+      <a href="https://www.facebook.com/profile.php?id=61556819217561" class="social">
+        <v-icon>mdi-facebook</v-icon>
       </a>
       <!-- Instagram -->
-      <a href="https://www.instagram.com/hutopy.inc/">
-        <img src="/images/hutopymedia/icons/pink/instagrampink.png" alt="Instagram Logo">
+      <a href="https://www.instagram.com/hutopy.inc/" class="social">
+        <v-icon>mdi-instagram</v-icon>
       </a>
       <!-- X / Twitter -->
-      <a href="https://twitter.com/Hutopyinc">
-        <img src="/images/hutopymedia/icons/pink/xpink.png" alt="X Logo">
+      <a href="https://twitter.com/Hutopyinc" class="social">
+        <v-icon>mdi-twitter</v-icon>
       </a>
     </div>
 
@@ -41,11 +41,8 @@
   @apply text-purple-800 bg-gray-50;
 }
 
-img {
+.social {
   @apply m-2 w-10 h-10;
 }
 
-
 </style>
-<script setup lang="ts">
-</script>
\ No newline at end of file

From f4b060dd9dd5623c33d78eb9d7158add8b26c9dc Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Tue, 6 Aug 2024 00:15:53 -0400
Subject: [PATCH 047/109] Renames SocialNetworks to Socials

---
 .../{SocialNetworks.vue => Socials.vue}       | 32 +++++------
 src/views/Profile/PageInformations.vue        | 36 ++++++------
 src/views/creators/CreatorBanner.vue          | 57 +++++++++----------
 3 files changed, 62 insertions(+), 63 deletions(-)
 rename src/views/Profile/Dialogs/PageInformations/{SocialNetworks.vue => Socials.vue} (69%)

diff --git a/src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue b/src/views/Profile/Dialogs/PageInformations/Socials.vue
similarity index 69%
rename from src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue
rename to src/views/Profile/Dialogs/PageInformations/Socials.vue
index 1a466b9..37cc76d 100644
--- a/src/views/Profile/Dialogs/PageInformations/SocialNetworks.vue
+++ b/src/views/Profile/Dialogs/PageInformations/Socials.vue
@@ -10,14 +10,14 @@ const props = defineProps({
 
 const emits = defineEmits(['closeRequested'])
 
-const facebookUrl = ref(props.creator.socialNetworks.facebookUrl)
-const instagramUrl = ref(props.creator.socialNetworks.instagramUrl)
-const linkedInUrl = ref(props.creator.socialNetworks.linkedInUrl)
-const redditUrl = ref(props.creator.socialNetworks.redditUrl)
-const tikTokUrl = ref(props.creator.socialNetworks.tikTokUrl)
-const websiteUrl = ref(props.creator.socialNetworks.websiteUrl)
-const xUrl = ref(props.creator.socialNetworks.xUrl)
-const youtubeUrl = ref(props.creator.socialNetworks.youtubeUrl)
+const facebookUrl = ref(props.creator.socials.facebookUrl)
+const instagramUrl = ref(props.creator.socials.instagramUrl)
+const linkedInUrl = ref(props.creator.socials.linkedInUrl)
+const redditUrl = ref(props.creator.socials.redditUrl)
+const tikTokUrl = ref(props.creator.socials.tikTokUrl)
+const websiteUrl = ref(props.creator.socials.websiteUrl)
+const xUrl = ref(props.creator.socials.xUrl)
+const youtubeUrl = ref(props.creator.socials.youtubeUrl)
 
 const client = useClient()
 const save = async () => {
@@ -35,14 +35,14 @@ const save = async () => {
           "youtubeUrl": youtubeUrl.value || null,
         })
 
-    props.creator.socialNetworks.facebookUrl = facebookUrl
-    props.creator.socialNetworks.instagramUrl = instagramUrl
-    props.creator.socialNetworks.linkedInUrl = linkedInUrl
-    props.creator.socialNetworks.redditUrl = redditUrl
-    props.creator.socialNetworks.tikTokUrl = tikTokUrl
-    props.creator.socialNetworks.websiteUrl = websiteUrl
-    props.creator.socialNetworks.xUrl = xUrl
-    props.creator.socialNetworks.youtubeUrl = youtubeUrl
+    props.creator.socials.facebookUrl = facebookUrl
+    props.creator.socials.instagramUrl = instagramUrl
+    props.creator.socials.linkedInUrl = linkedInUrl
+    props.creator.socials.redditUrl = redditUrl
+    props.creator.socials.tikTokUrl = tikTokUrl
+    props.creator.socials.websiteUrl = websiteUrl
+    props.creator.socials.xUrl = xUrl
+    props.creator.socials.youtubeUrl = youtubeUrl
     
     emits('closeRequested')
   } catch (error) {
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index cd93a8c..a66364a 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -1,6 +1,6 @@
 <script setup>
 import {ref} from 'vue';
-import SocialNetworks from '@/views/Profile/Dialogs/PageInformations/SocialNetworks.vue';
+import Socials from '@/views/Profile/Dialogs/PageInformations/Socials.vue';
 import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
 import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
 import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
@@ -15,7 +15,7 @@ const dialog = ref(false);
 const currentComponent = ref('');
 
 const componentsMap = {
-  SocialNetworks,
+  Socials,
   BannerPicker,
   ColorTopBanner,
   ColorBottomBanner,
@@ -119,82 +119,82 @@ const closeDialog = () => {
 
       <div class="flex flex-col w-full">
         <button
-            @click="openDialog('SocialNetworks')"
+            @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.facebookUrl }}</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.facebookUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('SocialNetworks')"
+            @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.instagramUrl }}</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.instagramUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('SocialNetworks')"
+            @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left"><v-icon>mdi-twitter</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.xUrl }}</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.xUrl }}</span>
           <span class="flex-none">          
                         <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('SocialNetworks')"
+            @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.linkedInUrl }}</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.linkedInUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('SocialNetworks')"
+            @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="flex-none pa-2 min-w-32 text-left"> 
             <img src="/images/socials/tiktok-black.png" class="w-5 h-5">
           </span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.tikTokUrl }}</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.tikTokUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('SocialNetworks')"
+            @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.youtubeUrl }}</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.youtubeUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('SocialNetworks')"
+            @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.redditUrl }}</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.redditUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('SocialNetworks')"
+            @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socialNetworks.websiteUrl }}</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.websiteUrl }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 965daa3..dfd6273 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -8,7 +8,7 @@
            :style="{ backgroundColor: creator.profileColors.bannerTop || '#6B0065' }">
         <div class="w-full flex justify-between lg:justify-end gap-14 mt-2">
           <a
-              v-for="socialNetwork in GetActiveSocialNetworkUrls()"
+              v-for="socialNetwork in GetSocialsUrls()"
               :href="socialNetwork.url"
               target="_blank"
               class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500">
@@ -85,61 +85,60 @@ const props = defineProps({
   creator: {type: Object, required: true},
 });
 
-function GetActiveSocialNetworkUrls() {
+function GetSocialsUrls() {
 
-  const socialNetworks = [];
-  const userSocialNetworks = props.creator.socialNetworks;
+  const socials = [];
   
-  if (userSocialNetworks.facebookUrl !== null) {
-    socialNetworks.push({
+  if (props.creator.socials.facebookUrl !== null) {
+    socials.push({
       icon: "mdi-facebook",
-      url: props.creator.socialNetworks.facebookUrl
+      url: props.creator.socials.facebookUrl
     })
   }
-  if (userSocialNetworks.instagramUrl !== null) {
-    socialNetworks.push({
+  if (props.creator.socials.instagramUrl !== null) {
+    socials.push({
       icon: "mdi-instagram",
-      url: props.creator.socialNetworks.instagramUrl
+      url: props.creator.socials.instagramUrl
     })
   }
-  if (userSocialNetworks.xUrl !== null) {
-    socialNetworks.push({
+  if (props.creator.socials.xUrl !== null) {
+    socials.push({
       icon: "mdi-twitter",
-      url: props.creator.socialNetworks.xUrl
+      url: props.creator.socials.xUrl
     })
   }
-  if (userSocialNetworks.linkedInUrl !== null) {
-    socialNetworks.push({
+  if (props.creator.socials.linkedInUrl !== null) {
+    socials.push({
       icon: 'mdi-linkedin',
-      url: props.creator.socialNetworks.linkedInUrl
+      url: props.creator.socials.linkedInUrl
     })
   }
-  if (userSocialNetworks.tikTokUrl !== null) {
-    socialNetworks.push({
+  if (props.creator.socials.tikTokUrl !== null) {
+    socials.push({
       icon: '/images/socials/tiktok-white.png',
-      url: props.creator.socialNetworks.tikTokUrl
+      url: props.creator.socials.tikTokUrl
     })
   }
-  if (userSocialNetworks.youtubeUrl !== null) {
-    socialNetworks.push({
+  if (props.creator.socials.youtubeUrl !== null) {
+    socials.push({
       icon: 'mdi-youtube',
-      url: props.creator.socialNetworks.youtubeUrl
+      url: props.creator.socials.youtubeUrl
     })
   }
-  if (userSocialNetworks.redditUrl !== null) {
-    socialNetworks.push({
+  if (props.creator.socials.redditUrl !== null) {
+    socials.push({
       icon: 'mdi-reddit',
-      url: props.creator.socialNetworks.redditUrl
+      url: props.creator.socials.redditUrl
     })
   }
-  if (userSocialNetworks.websiteUrl !== null) {
-    socialNetworks.push({
+  if (props.creator.socials.websiteUrl !== null) {
+    socials.push({
       icon: 'mdi-web',
-      url: props.creator.socialNetworks.websiteUrl
+      url: props.creator.socials.websiteUrl
     })
   }
 
-  return socialNetworks;
+  return socials;
 }
 
 </script>
\ No newline at end of file

From cb25586d9abbd6409f839300237de59a621f5d3f Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Tue, 6 Aug 2024 00:51:25 -0400
Subject: [PATCH 048/109] Adds ChangeLogo for Creator

---
 .../Dialogs/PageInformations/LogoPicker.vue   | 75 ++++++++++++++++++
 .../PageInformations/ProfilePicturePicker.vue | 77 -------------------
 src/views/Profile/PageInformations.vue        | 12 +--
 src/views/creators/CreatorBanner.vue          |  2 +-
 4 files changed, 82 insertions(+), 84 deletions(-)
 create mode 100644 src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue

diff --git a/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue b/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
new file mode 100644
index 0000000..bc87bbd
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
@@ -0,0 +1,75 @@
+<template>
+  <h2 class="text-2xl font-semibold mb-4 flex justify-center">
+    Logo
+  </h2>
+
+  <img
+      :src="fileUrl"
+      class="mb-5 w-full transition duration-200 ease-in-out transform"
+      alt="Aperçu de la bannière"
+  >
+
+  <v-file-input
+      v-model="selectedFile"
+      variant="outlined"
+      accept="image/*"
+      label="Votre logo"
+      @change="onFileSelected"
+  ></v-file-input>
+
+  <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>
+
+</template>
+
+<script setup>
+import {ref} from 'vue'
+import {useClient} from '@/plugins/api.js'
+
+const props = defineProps({
+  creator: {
+    required: true
+  }
+})
+
+const emits = defineEmits(['closeRequested'])
+
+const selectedFile = ref("")
+const fileUrl = ref(props.creator.storedDataUrls.profilePictureUrl)
+
+const onFileSelected = () => {
+  if (selectedFile.value) {
+    const reader = new FileReader()
+    reader.onload = (event) => {
+      fileUrl.value = event.target.result
+    }
+    reader.readAsDataURL(selectedFile.value)
+  } else {
+    fileUrl.value = null
+  }
+}
+
+const client = useClient()
+const publish = async () => {
+  try {
+    const formData = new FormData();
+    formData.append('file', selectedFile.value)
+
+    await client.post(
+        `/api/creators/${props.creator.id}/logo`,
+        formData)
+
+    props.creator.storedDataUrls.profilePictureUrl = fileUrl
+    emits('closeRequested')
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+const cancel = () => {
+  emits('closeRequested')
+}
+
+</script>
diff --git a/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue b/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
deleted file mode 100644
index 88fcedc..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue
+++ /dev/null
@@ -1,77 +0,0 @@
-<template>
-  <div class="p-4">
-    <h2 class="text-2xl font-semibold mb-4 flex justify-center">Choisir Image de profil</h2>
-    <div class="flex justify-center mb-5">
-    <img
-        @click="openModal('ProfilePicturePicker')"
-        class=" custom-border  active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
-        src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png"
-        alt="Profile Image"
-    >
-
-    </div>
-    <v-file-input
-        variant="outlined"
-        accept="image/*"
-        label="File input"
-    ></v-file-input>
-    <div v-if="bannerUrl" class="mt-4">
-      <h3 class="text-md font-semibold mb-2">Aperçu de la bannière:</h3>
-      <img :src="bannerUrl" alt="Banner Preview" class="w-full h-auto rounded shadow" />
-    </div>
-
-    <div class="flex justify-end space-x-4">
-      <v-btn variant="plain" color="black">Annuler</v-btn>
-      <v-btn color="#A6147D">Enregistrer</v-btn>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const bannerUrl = ref(null);
-
-const onFileChange = (event) => {
-  const file = event.target.files[0];
-  if (file && file.type.startsWith('image/')) {
-    const reader = new FileReader();
-    reader.onload = (e) => {
-      bannerUrl.value = e.target.result;
-    };
-    reader.readAsDataURL(file);
-  } else {
-    alert('Veuillez sélectionner une image.');
-  }
-};
-</script>
-
-<style scoped>
-.p-4 {
-  padding: 1rem;
-}
-.mb-4 {
-  margin-bottom: 1rem;
-}
-.mt-4 {
-  margin-top: 1rem;
-}
-.text-lg {
-  font-size: 1.125rem;
-}
-.font-semibold {
-  font-weight: 600;
-}
-.w-full {
-  width: 100%;
-}
-.h-auto {
-  height: auto;
-}
-.rounded {
-  border-radius: 0.25rem;
-}
-.shadow {
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-}
-</style>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index a66364a..673d9c3 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -4,7 +4,7 @@ import Socials from '@/views/Profile/Dialogs/PageInformations/Socials.vue';
 import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
 import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
 import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
-import ProfilePicturePicker from "@/views/Profile/Dialogs/PageInformations/ProfilePicturePicker.vue";
+import LogoPicker from "@/views/Profile/Dialogs/PageInformations/LogoPicker.vue";
 import ColorBorder from "@/views/Profile/Dialogs/PageInformations/ColorBorder.vue";
 import ColorMenu from "@/views/Profile/Dialogs/PageInformations/ColorMenu.vue";
 import {useUserStore} from "@/stores/userStore.js";
@@ -15,13 +15,13 @@ const dialog = ref(false);
 const currentComponent = ref('');
 
 const componentsMap = {
-  Socials,
   BannerPicker,
+  LogoPicker,
+  Socials,
   ColorTopBanner,
   ColorBottomBanner,
-  ProfilePicturePicker,
   ColorBorder,
-  ColorMenu
+  ColorMenu,
 };
 
 const openDialog = (component) => {
@@ -83,9 +83,9 @@ const closeDialog = () => {
 
         <button class="flex justify-center my-5">
           <img
-              @click="openDialog('ProfilePicturePicker')"
+              @click="openDialog('LogoPicker')"
               class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
-              src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png"
+              :src="userStore.creator.storedDataUrls.profilePictureUrl"
               alt="Profile Image"
           >
         </button>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index dfd6273..04cba43 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -43,7 +43,7 @@
           <div class="absolute lg:ml-72 transform -translate-y-1/2 lg:-translate-y-1/2 z-20">
             <img
                 class="rounded-full border-solid border-2 z-20 lg:max-w-[200px] max-w-[200px] h-auto"
-                :src="creator.storedDataUrls.profilePictureUrl || '/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png'"
+                :src="creator.storedDataUrls.profilePictureUrl"
                 alt="Profile Picture"
                 :style="{ borderColor: creator.profileColors.accent || '#A30E79', height: '150px' /* Adjust the height here */ }"
             />

From a745fcbcc9c35f5e6dc0da82e89d4972b5e61388 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Tue, 6 Aug 2024 01:04:09 -0400
Subject: [PATCH 049/109] Renames StoredDataUrls to Images

---
 .../Profile/Dialogs/PageInformations/BannerPicker.vue     | 4 ++--
 src/views/Profile/Dialogs/PageInformations/LogoPicker.vue | 4 ++--
 src/views/Profile/PageInformations.vue                    | 4 ++--
 src/views/creators/CreatorBanner.vue                      | 4 ++--
 src/views/main/ProfileBanner.vue                          | 8 ++++----
 5 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
index 5cff0bb..90d5f4d 100644
--- a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
@@ -37,7 +37,7 @@ const props = defineProps({
 const emits = defineEmits(['closeRequested'])
 
 const selectedFile = ref("")
-const fileUrl = ref(props.creator.storedDataUrls.bannerPictureUrl)
+const fileUrl = ref(props.creator.images.banner)
 
 const onFileSelected = () => {
   if (selectedFile.value) {
@@ -61,7 +61,7 @@ const publish = async () => {
         `/api/creators/${props.creator.id}/banner`,
         formData)
 
-    props.creator.storedDataUrls.bannerPictureUrl = fileUrl
+    props.creator.images.banner = fileUrl
     emits('closeRequested')
   } catch (error) {
     console.error(error)
diff --git a/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue b/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
index bc87bbd..3240138 100644
--- a/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
@@ -37,7 +37,7 @@ const props = defineProps({
 const emits = defineEmits(['closeRequested'])
 
 const selectedFile = ref("")
-const fileUrl = ref(props.creator.storedDataUrls.profilePictureUrl)
+const fileUrl = ref(props.creator.images.logo)
 
 const onFileSelected = () => {
   if (selectedFile.value) {
@@ -61,7 +61,7 @@ const publish = async () => {
         `/api/creators/${props.creator.id}/logo`,
         formData)
 
-    props.creator.storedDataUrls.profilePictureUrl = fileUrl
+    props.creator.images.logoUrl = fileUrl
     emits('closeRequested')
   } catch (error) {
     console.error(error)
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 673d9c3..c5e67f0 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -69,7 +69,7 @@ const closeDialog = () => {
         <button>
           <img
               @click="openDialog('BannerPicker')"
-              :src="userStore.creator.storedDataUrls.bannerPictureUrl"
+              :src="userStore.creator.images.banner"
               class="w-full transition duration-200 ease-in-out transform hover:brightness-125"
               alt="Tutorial Banner"
           >
@@ -85,7 +85,7 @@ const closeDialog = () => {
           <img
               @click="openDialog('LogoPicker')"
               class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
-              :src="userStore.creator.storedDataUrls.profilePictureUrl"
+              :src="userStore.creator.images.logo"
               alt="Profile Image"
           >
         </button>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 04cba43..f744ee9 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -26,7 +26,7 @@
       <!--Banner-->
       <div>
         <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.7)]"
-             :src="creator.storedDataUrls.bannerPictureUrl || '/images/hutopymedia/banners/tutorialbanner.png'"
+             :src="creator.images.banner"
              alt="Profile Banner" style="max-height: 425px">
       </div>
     </div>
@@ -43,7 +43,7 @@
           <div class="absolute lg:ml-72 transform -translate-y-1/2 lg:-translate-y-1/2 z-20">
             <img
                 class="rounded-full border-solid border-2 z-20 lg:max-w-[200px] max-w-[200px] h-auto"
-                :src="creator.storedDataUrls.profilePictureUrl"
+                :src="creator.images.logo"
                 alt="Profile Picture"
                 :style="{ borderColor: creator.profileColors.accent || '#A30E79', height: '150px' /* Adjust the height here */ }"
             />
diff --git a/src/views/main/ProfileBanner.vue b/src/views/main/ProfileBanner.vue
index 2e04e2f..03808ab 100644
--- a/src/views/main/ProfileBanner.vue
+++ b/src/views/main/ProfileBanner.vue
@@ -50,7 +50,7 @@
         <div class="flex justify-center text-2xl ">Photo de profil</div>
       </div>
       <div class="flex justify-center  py-4">
-        <img :src="profilePictureUrl"
+        <img :src="logoImageUrl"
              :style="{ borderColor: user.profileColors.accent  || '#23393B' , borderWidth: '3px', borderStyle: 'solid' }"
              class="rounded-full max-w-48 max-w-48"
              @error="handleProfileImageError"
@@ -95,8 +95,8 @@ const props = defineProps({
   user: {}
 });
 
-const bannerImageUrl = ref(props.user.storedDataUrls.bannerPictureUrl);
-const profilePictureUrl = ref(props.user.storedDataUrls.profilePictureUrl);
+const bannerImageUrl = ref(props.user.images.banner);
+const logoImageUrl = ref(props.user.images.logo);
 
 const bannerImage = ref(null);
 const profilePicture = ref(null);
@@ -130,7 +130,7 @@ const onProfileFileChange = (event) => {
   if (file) {
     const reader = new FileReader();
     reader.onload = (e) => {
-      profilePictureUrl.value = e.target.result;
+      logoImageUrl.value = e.target.result;
     };
     reader.readAsDataURL(file);
     emit('updateProfilePicture', file);

From 29ca7d341b93a207a611e55231008ab7d10f2503 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 6 Aug 2024 01:21:06 -0400
Subject: [PATCH 050/109] Add Password verification and email format
 verification

---
 src/views/main/Register.vue     |   3 +-
 src/views/main/RegisterForm.vue | 136 +++++++++++++++++++++++++-------
 2 files changed, 110 insertions(+), 29 deletions(-)

diff --git a/src/views/main/Register.vue b/src/views/main/Register.vue
index 76c522a..190bb6a 100644
--- a/src/views/main/Register.vue
+++ b/src/views/main/Register.vue
@@ -2,7 +2,7 @@
   <div class="hidden sm:block" style="height: 40px"></div>
   <div>
     <div class="flex flex-col lg:flex-row items-center justify-center">
-      <div class="max-w-[700px] min-w-[300px]">
+      <div class="max-w-[700px] min-w-[300px] mt-14">
         <img class="rounded-none sm:rounded-2xl sm:w-full mr-8" src="/images/hutopymedia/loginpage/loginhutopy.png" alt="hutopy login">
       </div>
       <div class="flex flex-col items-center min-w-[300px] m-12">
@@ -17,7 +17,6 @@
 import SelectedFooter from "@/views/main/SelectedFooter.vue";
 import RegisterForm from "@/views/main/RegisterForm.vue";
 import { useRouter } from 'vue-router';
-
 const router = useRouter();
 
 
diff --git a/src/views/main/RegisterForm.vue b/src/views/main/RegisterForm.vue
index 1c53cfd..322db3b 100644
--- a/src/views/main/RegisterForm.vue
+++ b/src/views/main/RegisterForm.vue
@@ -4,6 +4,15 @@
       <h1 class="text-center text-2xl font-bold mb-5">Inscription</h1>
       <div class="w-full h-0.5 mt-4 mb-4" :style="{ backgroundColor: '#A30E79' }"></div>
       <div class="w-full">
+        <v-text-field
+            v-model="userName"
+            label="Username"
+            variant="outlined"
+            dense
+            prepend-inner-icon="mdi-account"
+            color="transparent"
+            class="text-black mb-4"
+        ></v-text-field>
         <div class="flex flex-wrap justify-between gap-4 mb-4">
           <v-text-field
               v-model="firstName"
@@ -25,13 +34,15 @@
           ></v-text-field>
         </div>
         <v-text-field
-            v-model="email"
+            v-model="emailAddress"
             label="Courriel"
             variant="outlined"
             dense
             prepend-inner-icon="mdi-email"
             color="transparent"
             class="text-black mb-4"
+            :error="emailError"
+            :error-messages="emailErrorMessage"
         ></v-text-field>
         <v-text-field
             v-model="password"
@@ -41,7 +52,7 @@
             dense
             prepend-inner-icon="mdi-lock"
             append-inner-icon="mdi-eye"
-            @click:append-inner="showPassword = !showPassword"
+            @click:append-inner="togglePasswordVisibility"
             color="transparent"
             class="text-black mb-4"
         ></v-text-field>
@@ -53,62 +64,133 @@
             dense
             prepend-inner-icon="mdi-lock"
             append-inner-icon="mdi-eye"
-            @click:append-inner="showPassword = !showPassword"
+            @click:append-inner="togglePasswordVisibility"
             color="transparent"
             class="text-black mb-4"
         ></v-text-field>
         <v-btn
             class="w-full text-center text-white"
             :style="{ backgroundColor: '#A30E79' }"
-            @click="createUser"
+            @click="validateForm"
         >
           Connecter
         </v-btn>
-        <div v-if="errorSnackBar" class="mb-4 text-red-600">
-          Nom d'utilisateur ou mot de passe invalide.
-          <button class="text-red-600 ml-4" @click="errorSnackBar = false">Fermer</button>
-        </div>
       </div>
     </div>
-  </div>
 
+    <!-- Modal for errors -->
+    <v-dialog v-model="errorDialog" max-width="500px">
+      <v-card>
+        <v-card-title class="headline">Erreur</v-card-title>
+        <v-card-text>{{ errorMessage }}</v-card-text>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn color="primary" text @click="closeErrorDialog">Fermer</v-btn>
+        </v-card-actions>
+      </v-card>
+    </v-dialog>
+  </div>
 </template>
 
 <script setup>
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
 import { useClient } from "@/plugins/api.js";
-import {ref} from 'vue';
 
+const router = useRouter();
 const client = useClient();
+
 const firstName = ref('');
 const lastName = ref('');
-const email = ref('');
+const emailAddress = ref('');
 const password = ref('');
 const confirmPassword = ref('');
+const userName = ref('');
 const showPassword = ref(false);
-const errorSnackBar = ref(false);
+const errorDialog = ref(false);
+const errorMessage = ref('');
 
+const emailError = ref(false);
+const emailErrorMessage = ref('');
+
+// Messages d'erreur
+const ERROR_MESSAGES = {
+  INVALID_EMAIL: 'E-mail doit être valide',
+  PASSWORD_MISMATCH: 'Les mots de passe ne correspondent pas.',
+  WEAK_PASSWORD: 'Le mot de passe doit contenir au moins 6 caractères, un chiffre, une lettre minuscule, une lettre majuscule et un caractère non-alphanumérique.',
+  GENERIC_ERROR: 'Une erreur est survenue. Veuillez réessayer.',
+};
+
+function togglePasswordVisibility() {
+  showPassword.value = !showPassword.value;
+}
+
+function validatePassword(password) {
+  const digitRegex = /\d/;
+  const lowercaseRegex = /[a-z]/;
+  const uppercaseRegex = /[A-Z]/;
+  const nonAlphanumericRegex = /\W|_/;
+  const lengthRequirement = password.length >= 6;
+
+  return digitRegex.test(password) &&
+      lowercaseRegex.test(password) &&
+      uppercaseRegex.test(password) &&
+      nonAlphanumericRegex.test(password) &&
+      lengthRequirement;
+}
+
+function validateEmail(email) {
+  const emailRegex = /.+@.+\..+/;
+  return emailRegex.test(email);
+}
+
+function validateForm() {
+  emailError.value = false;
+  emailErrorMessage.value = '';
+
+  if (!validateEmail(emailAddress.value)) {
+    emailError.value = true;
+    emailErrorMessage.value = ERROR_MESSAGES.INVALID_EMAIL;
+    return;
+  }
+
+  if (password.value !== confirmPassword.value) {
+    showErrorDialog(ERROR_MESSAGES.PASSWORD_MISMATCH);
+    return;
+  }
+
+  if (!validatePassword(password.value)) {
+    showErrorDialog(ERROR_MESSAGES.WEAK_PASSWORD);
+    return;
+  }
+
+  createUser();
+}
+
+function showErrorDialog(message) {
+  errorMessage.value = message;
+  errorDialog.value = true;
+}
+
+function closeErrorDialog() {
+  errorDialog.value = false;
+}
 
 async function createUser() {
-  try{
-    const userInformation ={
+  try {
+    const userInformation = {
       FirstName: firstName.value,
       LastName: lastName.value,
-      EmailAddress: email.value,
+      EmailAddress: emailAddress.value,
       UserName: userName.value,
-      Password: password.value,      
+      Password: password.value,
     };
-    
+
     await client.post('/api/Users', userInformation);
-        
-  }catch (error) {
+    router.push('/login');
+  } catch (error) {
     console.log(error);
+    showErrorDialog(ERROR_MESSAGES.GENERIC_ERROR);
+  }
 }
-}
-
-
-
 </script>
-
-<style scoped>
-
-</style>
\ No newline at end of file

From fa59c313aaa9cfa66395e5d7c56c7ebedfe46da6 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 6 Aug 2024 01:46:30 -0400
Subject: [PATCH 051/109] Fixe btn name for RegisterForm

---
 src/views/main/RegisterForm.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/main/RegisterForm.vue b/src/views/main/RegisterForm.vue
index 322db3b..7085038 100644
--- a/src/views/main/RegisterForm.vue
+++ b/src/views/main/RegisterForm.vue
@@ -73,7 +73,7 @@
             :style="{ backgroundColor: '#A30E79' }"
             @click="validateForm"
         >
-          Connecter
+          Créer
         </v-btn>
       </div>
     </div>

From dc406f59538731b99e0d5f931daa8afd35a4a286 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 6 Aug 2024 01:47:55 -0400
Subject: [PATCH 052/109] Clean Code RegisterForm

---
 src/views/main/RegisterForm.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/main/RegisterForm.vue b/src/views/main/RegisterForm.vue
index 7085038..d9bf7fc 100644
--- a/src/views/main/RegisterForm.vue
+++ b/src/views/main/RegisterForm.vue
@@ -109,7 +109,6 @@ const userName = ref('');
 const showPassword = ref(false);
 const errorDialog = ref(false);
 const errorMessage = ref('');
-
 const emailError = ref(false);
 const emailErrorMessage = ref('');
 

From b347fac69a94b14cea3efd92a73089325f8f228a Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Tue, 6 Aug 2024 02:48:39 -0400
Subject: [PATCH 053/109] Adds ChangeColors for Creators

---
 .../Dialogs/PageInformations/ColorBorder.vue  |  23 ---
 .../PageInformations/ColorBottomBanner.vue    |  26 ---
 .../Dialogs/PageInformations/ColorMenu.vue    |  23 ---
 .../PageInformations/ColorTopBanner.vue       |  26 ---
 .../Dialogs/PageInformations/ColorsPicker.vue | 161 ++++++++++++++++++
 src/views/Profile/PageInformations.vue        |  49 +++---
 src/views/creators/CreatorBanner.vue          |   7 +-
 7 files changed, 188 insertions(+), 127 deletions(-)
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
 delete mode 100644 src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
 create mode 100644 src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue

diff --git a/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue b/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
deleted file mode 100644
index ca34005..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ColorBorder.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div>
-    <h2 class="title font-semibold  text-2xl">Couleur contour</h2>
-
-    <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
-
-  </div>
-
-  <div class="flex justify-end space-x-4 mt-5">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-</script>
-
-<style scoped>
-.title {
-  text-align: center;
-  margin-bottom: 16px;
-}
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue b/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
deleted file mode 100644
index fbdaf3d..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <div>
-    <h2 class="title font-semibold  text-2xl">Couleur de la bannière inférieur</h2>
-
-    <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
-
-  </div>
-
-  <div class="flex justify-end space-x-4 mt-5">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const color = ref('#FF0000');
-</script>
-
-<style scoped>
-.title {
-  text-align: center;
-  margin-bottom: 16px;
-}
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue b/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
deleted file mode 100644
index 26041c3..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ColorMenu.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <div>
-    <h2 class="title font-semibold  text-2xl">Couleur des Menus</h2>
-
-    <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
-
-  </div>
-
-  <div class="flex justify-end space-x-4 mt-5">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-</script>
-
-<style scoped>
-.title {
-  text-align: center;
-  margin-bottom: 16px;
-}
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue b/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
deleted file mode 100644
index d7288c8..0000000
--- a/src/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue
+++ /dev/null
@@ -1,26 +0,0 @@
-<template>
-  <div>
-    <h2 class="title font-semibold  text-2xl">Couleur de la bannière supérieure</h2>
-    
-    <div  class="flex justify-center"><v-color-picker></v-color-picker></div>
-    
-  </div>
-
-  <div class="flex justify-end space-x-4 mt-5">
-    <v-btn variant="plain" color="black">Annuler</v-btn>
-    <v-btn color="#A6147D">Enregistrer</v-btn>
-  </div>
-</template>
-
-<script setup>
-import { ref } from 'vue';
-
-const color = ref('#FF0000');
-</script>
-
-<style scoped>
-.title {
-  text-align: center;
-  margin-bottom: 16px;
-}
-</style>
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue b/src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue
new file mode 100644
index 0000000..c2f6937
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue
@@ -0,0 +1,161 @@
+<script setup>
+import {ref, computed} from 'vue';
+import {useClient} from "@/plugins/api.js";
+
+const props = defineProps({
+  creator: {
+    required: true
+  },
+  colorName: {
+    type: String,
+    default: 'bannerTop'
+  }
+});
+
+const emits = defineEmits(['closeRequested']);
+
+const bannerTopColor = ref(props.creator.profileColors.bannerTop);
+const bannerBottomColor = ref(props.creator.profileColors.bannerBottom);
+const accentColor = ref(props.creator.profileColors.accent);
+const menuColor = ref(props.creator.profileColors.menu);
+
+const selectedColorName = ref(props.colorName);
+const selectedColor = computed({
+  get() {
+    switch (selectedColorName.value) {
+      case 'bannerTop':
+        return bannerTopColor.value;
+      case 'bannerBottom':
+        return bannerBottomColor.value;
+      case 'accent':
+        return accentColor.value;
+      case 'menu':
+        return menuColor.value;
+      default:
+        return bannerTopColor.value;
+    }
+  },
+  set(value) {
+    switch (selectedColorName.value) {
+      case 'bannerTop':
+        bannerTopColor.value = value;
+        break;
+      case 'bannerBottom':
+        bannerBottomColor.value = value;
+        break;
+      case 'accent':
+        accentColor.value = value;
+        break;
+      case 'menu':
+        menuColor.value = value;
+        break;
+    }
+  }
+});
+
+const selectColor = (colorName) => {
+  selectedColorName.value = colorName;
+};
+
+const client = useClient();
+const save = async () => {
+  try {
+    await client.post(
+        `/api/creators/${props.creator.id}/colors`,
+        {
+          "bannerTop": bannerTopColor.value || null,
+          "bannerBottom": bannerBottomColor.value || null,
+          "accent": accentColor.value || null,
+          "menu": menuColor.value || null
+        });
+
+    props.creator.profileColors.bannerTop = bannerTopColor.value;
+    props.creator.profileColors.bannerBottom = bannerBottomColor.value;
+    props.creator.profileColors.accent = accentColor.value;
+    props.creator.profileColors.menu = menuColor.value;
+
+    emits('closeRequested');
+  } catch (error) {
+    console.error(error);
+  }
+};
+
+const cancel = () => {
+  emits('closeRequested');
+};
+</script>
+
+<template>
+  <h2 class="text-2xl font-semibold mb-4 flex justify-center">
+    Palette de Couleurs
+  </h2>
+
+  <div class="flex gap-6 justify-center items-start mt-5">
+    
+    <div class="grid grid-cols-2 grid-rows-2 gap-4">
+      <div
+          class="color-square"
+          :class="{ selected: selectedColorName === 'bannerTop' }"
+          :style="{ backgroundColor: bannerTopColor }"
+          @click="selectColor('bannerTop')"
+      >
+        <span class="color-name">Haut Banniere</span>
+      </div>
+
+      <div
+          class="color-square"
+          :class="{ selected: selectedColorName === 'bannerBottom' }"
+          :style="{ backgroundColor: bannerBottomColor }"
+          @click="selectColor('bannerBottom')"
+      >
+        <span class="color-name">Bas Banniere</span>
+      </div>
+
+      <div
+          class="color-square"
+          :class="{ selected: selectedColorName === 'accent' }"
+          :style="{ backgroundColor: accentColor }"
+          @click="selectColor('accent')"
+      >
+        <span class="color-name">Accent</span>
+      </div>
+
+      <div
+          class="color-square"
+          :class="{ selected: selectedColorName === 'menu' }"
+          :style="{ backgroundColor: menuColor }"
+          @click="selectColor('menu')"
+      >
+        <span class="color-name">Menu</span>
+      </div>
+    </div>
+    
+    <div class="w-px bg-gray-300 h-full"></div>
+    
+    <div class="flex-grow">
+      <v-color-picker v-model="selectedColor"></v-color-picker>
+    </div>
+  </div>
+
+  <div class="flex justify-end space-x-4 mt-4">
+    <v-btn color="black" variant="text" @click="cancel">Annuler</v-btn>
+    <v-btn color="#A6147D" @click="save">Enregistrer</v-btn>
+  </div>
+</template>
+
+<style scoped>
+.color-square {
+  @apply w-[150px] h-[150px];
+  @apply flex rounded-md cursor-pointer relative;
+  @apply items-center justify-center;
+  @apply font-bold text-white;
+}
+
+.color-square.selected {
+  @apply border-4 border-solid border-[crimson];
+}
+
+.color-name {
+  text-align: center;
+}
+</style>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index c5e67f0..9607fae 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -1,32 +1,27 @@
 <script setup>
-import {ref} from 'vue';
-import Socials from '@/views/Profile/Dialogs/PageInformations/Socials.vue';
-import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue';
-import ColorTopBanner from '@/views/Profile/Dialogs/PageInformations/ColorTopBanner.vue';
-import ColorBottomBanner from "@/views/Profile/Dialogs/PageInformations/ColorBottomBanner.vue";
-import LogoPicker from "@/views/Profile/Dialogs/PageInformations/LogoPicker.vue";
-import ColorBorder from "@/views/Profile/Dialogs/PageInformations/ColorBorder.vue";
-import ColorMenu from "@/views/Profile/Dialogs/PageInformations/ColorMenu.vue";
-import {useUserStore} from "@/stores/userStore.js";
+import {ref} from 'vue'
+import Socials from '@/views/Profile/Dialogs/PageInformations/Socials.vue'
+import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue'
+import ColorsPicker from '@/views/Profile/Dialogs/PageInformations/ColorsPicker.vue'
+import LogoPicker from "@/views/Profile/Dialogs/PageInformations/LogoPicker.vue"
+import {useUserStore} from "@/stores/userStore.js"
 
 const userStore = useUserStore()
 
 const dialog = ref(false);
-const currentComponent = ref('');
+const currentComponent = ref('')
+const colorToEdit = ref(null)
 
 const componentsMap = {
   BannerPicker,
   LogoPicker,
   Socials,
-  ColorTopBanner,
-  ColorBottomBanner,
-  ColorBorder,
-  ColorMenu,
+  ColorsPicker
 };
 
-const openDialog = (component) => {
-  console.dir(userStore.creator)
+const openDialog = (component, colorName = null) => {
   currentComponent.value = componentsMap[component]
+  colorToEdit.value = colorName
   dialog.value = true
 }
 
@@ -39,11 +34,12 @@ const closeDialog = () => {
 
 <template>
 
-  <v-dialog v-model="dialog" max-width="600px">
+  <v-dialog v-model="dialog" max-width="800px">
     <v-card>
       <v-card-text>
         <component :is="currentComponent"
                    :creator="userStore.creator"
+                   :colorName="colorToEdit"
                    @closeRequested="closeDialog()"
         ></component>
       </v-card-text>
@@ -61,8 +57,10 @@ const closeDialog = () => {
       <div class="flex flex-col w-full">
 
         <button
-            @click="openDialog('ColorTopBanner')"
-            class="flex justify-end h-10 align-center bg-fuchsia-800 text-white px-5 hover:brightness-150">
+            @click="openDialog('ColorsPicker', 'bannerTop')"
+            class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
+            :style="{ backgroundColor: userStore.creator.profileColors.bannerTop }"
+        >
           <v-icon>mdi-eyedropper-variant</v-icon>
         </button>
 
@@ -76,8 +74,10 @@ const closeDialog = () => {
         </button>
 
         <button
-            @click="openDialog('ColorBottomBanner')"
-            class="flex justify-end h-10 align-center bg-fuchsia-600 text-white px-5 hover:brightness-150">
+            @click="openDialog('ColorsPicker', 'bannerBottom')"
+            class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
+            :style="{ backgroundColor: userStore.creator.profileColors.bannerBottom }"
+        >
           <v-icon>mdi-eyedropper-variant</v-icon>
         </button>
 
@@ -85,13 +85,14 @@ const closeDialog = () => {
           <img
               @click="openDialog('LogoPicker')"
               class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
+              :style="{ borderColor: userStore.creator.profileColors.accent }"
               :src="userStore.creator.images.logo"
               alt="Profile Image"
           >
         </button>
 
         <button
-            @click="openDialog('ColorBorder')"
+            @click="openDialog('ColorsPicker', 'accent')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="pa-2 min-w-32 text-left"><v-icon>mdi-circle-outline</v-icon></span>
           <span class="flex-auto text-left pr-6">Couleur du contour de la photo de profil.</span>
@@ -101,7 +102,7 @@ const closeDialog = () => {
         </button>
 
         <button
-            @click="openDialog('ColorMenu')"
+            @click="openDialog('ColorsPicker', 'menu')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-menu</v-icon></span>
           <span class="flex-auto text-left pr-6">couleur des entêtes de menus</span>
@@ -215,7 +216,7 @@ const closeDialog = () => {
 }
 
 .custom-border {
-  border: 3px solid #A6147D;
+  border: 3px solid;
 }
 
 </style>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index f744ee9..7ca98e2 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -53,10 +53,7 @@
         <!-- User Info -->
         <div class="mt-2 flex flex-col items-center lg:items-start lg:ml-64">
           <div class="text-3xl font-bold text-center lg:text-left md:mt-24 lg:mt-0 sm:mt-24 mt-24 text-white cap ">
-            <p class="capitalize">{{creator.name}}</p>
-          </div>
-          <div class="text-2xl text-center lg:text-left">
-            <p :style="{ color: creator.profileColors.accent }">{{ creator.occupation }}</p>
+            <p class="capitalize">{{ creator.name }}</p>
           </div>
           <div class="text-lg text-white">{{ creator.subscriberCount }} Abonnés</div>
         </div>
@@ -88,7 +85,7 @@ const props = defineProps({
 function GetSocialsUrls() {
 
   const socials = [];
-  
+
   if (props.creator.socials.facebookUrl !== null) {
     socials.push({
       icon: "mdi-facebook",

From 7172090855ea5240bc4c8ac61bf4f766821f0591 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Tue, 6 Aug 2024 02:55:31 -0400
Subject: [PATCH 054/109] Renames ProfileColors to Colors

---
 .../Dialogs/PageInformations/ColorsPicker.vue | 16 ++++++-------
 src/views/Profile/PageInformations.vue        |  6 ++---
 src/views/contents/PublishContentButton.vue   |  2 +-
 src/views/creators/CreatorBanner.vue          |  6 ++---
 src/views/creators/CreatorDescriptionBtn.vue  |  4 ++--
 src/views/main/ProfileBanner.vue              | 24 +++++++++----------
 6 files changed, 29 insertions(+), 29 deletions(-)

diff --git a/src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue b/src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue
index c2f6937..90ad2de 100644
--- a/src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue
@@ -14,10 +14,10 @@ const props = defineProps({
 
 const emits = defineEmits(['closeRequested']);
 
-const bannerTopColor = ref(props.creator.profileColors.bannerTop);
-const bannerBottomColor = ref(props.creator.profileColors.bannerBottom);
-const accentColor = ref(props.creator.profileColors.accent);
-const menuColor = ref(props.creator.profileColors.menu);
+const bannerTopColor = ref(props.creator.colors.bannerTop);
+const bannerBottomColor = ref(props.creator.colors.bannerBottom);
+const accentColor = ref(props.creator.colors.accent);
+const menuColor = ref(props.creator.colors.menu);
 
 const selectedColorName = ref(props.colorName);
 const selectedColor = computed({
@@ -69,10 +69,10 @@ const save = async () => {
           "menu": menuColor.value || null
         });
 
-    props.creator.profileColors.bannerTop = bannerTopColor.value;
-    props.creator.profileColors.bannerBottom = bannerBottomColor.value;
-    props.creator.profileColors.accent = accentColor.value;
-    props.creator.profileColors.menu = menuColor.value;
+    props.creator.colors.bannerTop = bannerTopColor.value;
+    props.creator.colors.bannerBottom = bannerBottomColor.value;
+    props.creator.colors.accent = accentColor.value;
+    props.creator.colors.menu = menuColor.value;
 
     emits('closeRequested');
   } catch (error) {
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 9607fae..3b209bc 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -59,7 +59,7 @@ const closeDialog = () => {
         <button
             @click="openDialog('ColorsPicker', 'bannerTop')"
             class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
-            :style="{ backgroundColor: userStore.creator.profileColors.bannerTop }"
+            :style="{ backgroundColor: userStore.creator.colors.bannerTop }"
         >
           <v-icon>mdi-eyedropper-variant</v-icon>
         </button>
@@ -76,7 +76,7 @@ const closeDialog = () => {
         <button
             @click="openDialog('ColorsPicker', 'bannerBottom')"
             class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
-            :style="{ backgroundColor: userStore.creator.profileColors.bannerBottom }"
+            :style="{ backgroundColor: userStore.creator.colors.bannerBottom }"
         >
           <v-icon>mdi-eyedropper-variant</v-icon>
         </button>
@@ -85,7 +85,7 @@ const closeDialog = () => {
           <img
               @click="openDialog('LogoPicker')"
               class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
-              :style="{ borderColor: userStore.creator.profileColors.accent }"
+              :style="{ borderColor: userStore.creator.colors.accent }"
               :src="userStore.creator.images.logo"
               alt="Profile Image"
           >
diff --git a/src/views/contents/PublishContentButton.vue b/src/views/contents/PublishContentButton.vue
index 5d718c8..7eacd4b 100644
--- a/src/views/contents/PublishContentButton.vue
+++ b/src/views/contents/PublishContentButton.vue
@@ -74,7 +74,7 @@ const closeDialog = () => {
       <v-card class="text-center rounded-xl">
 
         <v-card-title class="text-white p-4 rounded-t"
-                      :style="{backgroundColor: creator.profileColors.menu || '#A30E79'}">
+                      :style="{backgroundColor: creator.colors.menu || '#A30E79'}">
           Quicky
         </v-card-title>
 
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 7ca98e2..82a8891 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -5,7 +5,7 @@
     <div class="relative flex flex-col">
       <!-- Social Network-->
       <div class="bg-opacity-50 flex flex-col md:flex-row items-center py-4 px-4 min-h-14"
-           :style="{ backgroundColor: creator.profileColors.bannerTop || '#6B0065' }">
+           :style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }">
         <div class="w-full flex justify-between lg:justify-end gap-14 mt-2">
           <a
               v-for="socialNetwork in GetSocialsUrls()"
@@ -35,7 +35,7 @@
   <!-- Actions Button & image profile -->
   <div class="relative bottom-4 w-full">
     <div class="bg-gray-800 py-4 relative shadow-lg min-h-24"
-         :style="{ backgroundColor: creator.profileColors.bannerBottom || '#A30E79' }">
+         :style="{ backgroundColor: creator.colors.bannerBottom || '#A30E79' }">
       <div class="flex flex-col items-center lg:flex-row lg:items-center lg:justify-between">
         <!-- Profile Image Wrapper -->
         <div class="relative flex justify-center lg:w-auto lg:justify-start">
@@ -45,7 +45,7 @@
                 class="rounded-full border-solid border-2 z-20 lg:max-w-[200px] max-w-[200px] h-auto"
                 :src="creator.images.logo"
                 alt="Profile Picture"
-                :style="{ borderColor: creator.profileColors.accent || '#A30E79', height: '150px' /* Adjust the height here */ }"
+                :style="{ borderColor: creator.colors.accent || '#A30E79', height: '150px' /* Adjust the height here */ }"
             />
           </div>
         </div>
diff --git a/src/views/creators/CreatorDescriptionBtn.vue b/src/views/creators/CreatorDescriptionBtn.vue
index 053b875..1672880 100644
--- a/src/views/creators/CreatorDescriptionBtn.vue
+++ b/src/views/creators/CreatorDescriptionBtn.vue
@@ -40,11 +40,11 @@ onMounted(() => {
   const style = document.createElement('style');
   style.innerHTML = `
     .scrollable-content::-webkit-scrollbar-thumb {
-      background-color: ${props.creator.profileColors.menu};
+      background-color: ${props.creator.colors.menu};
       border-radius: 10px;
     }
     .scrollable-content::-webkit-scrollbar-thumb:hover {
-      background-color: ${shadeColor(props.creator.profileColors.accent, -10)};
+      background-color: ${shadeColor(props.creator.colors.accent, -10)};
     }
   `;
   document.head.appendChild(style);
diff --git a/src/views/main/ProfileBanner.vue b/src/views/main/ProfileBanner.vue
index 03808ab..f532e8f 100644
--- a/src/views/main/ProfileBanner.vue
+++ b/src/views/main/ProfileBanner.vue
@@ -1,31 +1,31 @@
 <template>
   <div>
     <div>
-      <div class="px-5 py-2 bg-fuchsia-800 text-white" :style="{ backgroundColor: user.profileColors.menu }">
+      <div class="px-5 py-2 bg-fuchsia-800 text-white" :style="{ backgroundColor: user.colors.menu }">
         <div class="flex justify-center text-2xl">Photo de couverture</div>
       </div>
       <div>
-        <div :style="{ backgroundColor: user.profileColors.bannerTop || '#6B0065' }" class="flex h-4"></div>
+        <div :style="{ backgroundColor: user.colors.bannerTop || '#6B0065' }" class="flex h-4"></div>
         <img :src="bannerImageUrl" alt="Banner Image" @error="handleBannerImageError" class="w-full object-cover">
-        <div :style="{ backgroundColor: user.profileColors.bannerBottom || '#A30E79' }" class="h-4">
+        <div :style="{ backgroundColor: user.colors.bannerBottom || '#A30E79' }" class="h-4">
 
         </div>
         <div>
           <div class="space-x-4 flex justify-center py-2">
             <v-btn @click="openColorPicker('top')"
-                   :style="{ backgroundColor: user.profileColors.bannerTop || '#6B0065', color: getTextColor(user.profileColors.bannerTop || '#6B0065') }">
+                   :style="{ backgroundColor: user.colors.bannerTop || '#6B0065', color: getTextColor(user.colors.bannerTop || '#6B0065') }">
               Haut
             </v-btn>
             <v-btn @click="openColorPicker('bottom')"
-                   :style="{ backgroundColor: user.profileColors.bannerBottom || '#A30E79', color: getTextColor(user.profileColors.bannerBottom || '#A30E79') }">
+                   :style="{ backgroundColor: user.colors.bannerBottom || '#A30E79', color: getTextColor(user.colors.bannerBottom || '#A30E79') }">
               Bas
             </v-btn>
             <v-btn @click="openColorPicker('accent')"
-                   :style="{ backgroundColor: user.profileColors.accent || '#23393B', color: getTextColor(user.profileColors.accent || '#23393B') }">
+                   :style="{ backgroundColor: user.colors.accent || '#23393B', color: getTextColor(user.colors.accent || '#23393B') }">
               Accent1
             </v-btn>
             <v-btn @click="openColorPicker('menu')"
-                   :style="{ backgroundColor: user.profileColors.menu || '#800080', color: getTextColor(user.profileColors.menu || '#800080') }">
+                   :style="{ backgroundColor: user.colors.menu || '#800080', color: getTextColor(user.colors.menu || '#800080') }">
               Menu
             </v-btn>
           </div>
@@ -51,7 +51,7 @@
       </div>
       <div class="flex justify-center  py-4">
         <img :src="logoImageUrl"
-             :style="{ borderColor: user.profileColors.accent  || '#23393B' , borderWidth: '3px', borderStyle: 'solid' }"
+             :style="{ borderColor: user.colors.accent  || '#23393B' , borderWidth: '3px', borderStyle: 'solid' }"
              class="rounded-full max-w-48 max-w-48"
              @error="handleProfileImageError"
              alt="Profile Image">
@@ -145,13 +145,13 @@ const openColorPicker = (target) => {
 
 const applyColor = () => {
   if (colorTarget.value === 'top') {
-    props.user.profileColors.bannerTop = selectedColor.value;
+    props.user.colors.bannerTop = selectedColor.value;
   } else if (colorTarget.value === 'bottom') {
-    props.user.profileColors.bannerBottom = selectedColor.value;
+    props.user.colors.bannerBottom = selectedColor.value;
   } else if (colorTarget.value === 'accent') {
-    props.user.profileColors.accent = selectedColor.value;
+    props.user.colors.accent = selectedColor.value;
   } else if (colorTarget.value === 'menu') {
-    props.user.profileColors.menu = selectedColor.value;
+    props.user.colors.menu = selectedColor.value;
   }
   showColorPicker.value = false;
 };

From c1579e1d88936380eb59d2b4437258789c1d5209 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 6 Aug 2024 10:48:44 -0400
Subject: [PATCH 055/109] Fixe Footer icon

---
 src/views/main/SelectedFooter.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/views/main/SelectedFooter.vue b/src/views/main/SelectedFooter.vue
index f6143ba..6d3d31d 100644
--- a/src/views/main/SelectedFooter.vue
+++ b/src/views/main/SelectedFooter.vue
@@ -7,18 +7,19 @@
 
   <div class="flex flex-row justify-center space-x-10 py-10">
     <a href="https://www.facebook.com/profile.php?id=61556819217561">
-      <img class="max-h-10" src="/images/hutopymedia/icons/pink/facebookpink.png" alt="Facebook">
+      <v-icon size="40px" class="text-fuchsia-900">mdi-facebook</v-icon>
     </a>
 
     <a href="https://www.instagram.com/hutopy.inc/">
-      <img class="max-h-10" src="/images/hutopymedia/icons/pink/instagrampink.png" alt="Instagram">
+      <v-icon size="40px"  class="text-fuchsia-900">mdi-instagram</v-icon>
     </a>
 
     <a href="https://x.com/Hutopyinc/">
-      <img class="max-h-10" src="/images/hutopymedia/icons/pink/xpink.png" alt="X">
+      <v-icon size="40px"  class="text-fuchsia-900">mdi-twitter</v-icon>
     </a>
   </div>
 
+
   <div class="flex flex-row flex-wrap justify-center space-x-2 py-2 pb-6">
     <router-link to="/helpandcontact">
       <v-btn variant="plain"> Aide & Contact</v-btn>

From fefc28705a27747f00742ca264bdd28d66871ac3 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 6 Aug 2024 11:33:45 -0400
Subject: [PATCH 056/109] Made SVG icons for recent social network

---
 public/images/hutopymedia/icons/tiktok.svg    | 13 ++++
 public/images/hutopymedia/icons/x.svg         | 13 ++++
 .../Dialogs/PageInformations/Socials.vue      | 71 ++++++++++++-------
 src/views/Profile/PageInformations.vue        |  4 +-
 4 files changed, 75 insertions(+), 26 deletions(-)
 create mode 100644 public/images/hutopymedia/icons/tiktok.svg
 create mode 100644 public/images/hutopymedia/icons/x.svg

diff --git a/public/images/hutopymedia/icons/tiktok.svg b/public/images/hutopymedia/icons/tiktok.svg
new file mode 100644
index 0000000..e83f460
--- /dev/null
+++ b/public/images/hutopymedia/icons/tiktok.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke: #000;
+        stroke-width: 1px;
+        stroke-dasharray: 4 2;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="Tiktok_1" data-name="Tiktok 1" class="cls-1" d="M820.292,990H171.646C14.581,990,11,989.648,11,821.766V174.626c0-159.964-1.459-161.5,154.584-161.5C198.026,13.122,258.91,12,291.878,12h458.7c43.88,0,15.011.37,47.358,0.37C986.933,12.37,987,17.717,987,199.3V793.727C987,989.389,946.485,990,820.292,990ZM532.342,195.936q-3.031,3.924-6.062,7.851c7.912,32.725,2.02,81.845,2.02,118.885V621.007c-5.878,25.116-21.509,52.119-39.4,63.929-65.7,43.363-157.373-18.919-133.366-104.305,7.6-27.019,36.416-53.485,62.642-59.443,14.361-3.262,33.807,2.726,44.455-2.243,5.2-22.038,1.692-65.469,2.021-94.211-96.37-32.3-186.121,59-204.091,132.344-5.533,22.583-15.541,61.3-6.062,91.968,25.379,82.1,60.537,106.81,129.325,143.56,19.407,10.368,70.144,7.051,90.932,2.243,90.864-21.02,136.493-72.949,153.573-176.085q-0.505-106.538-1.01-213.1l5.051-6.729c11.848,0.933,19.225,11.11,27.28,16.823,16.459,11.676,54.457,22.153,79.818,22.432,2.394-19.282,6.375-99.811-1.011-117.764-15.162-6.86-34.949-4.067-50.517-12.337-19.277-10.241-42.6-26.041-55.57-43.741C626.435,256.259,598.6,199.14,597,198.179,583.942,190.284,549.838,195.687,532.342,195.936Z"/>
+</svg>
diff --git a/public/images/hutopymedia/icons/x.svg b/public/images/hutopymedia/icons/x.svg
new file mode 100644
index 0000000..1a35538
--- /dev/null
+++ b/public/images/hutopymedia/icons/x.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000">
+  <defs>
+    <style>
+      .cls-1 {
+        stroke: #000;
+        stroke-width: 1px;
+        stroke-dasharray: 4 2;
+        fill-rule: evenodd;
+      }
+    </style>
+  </defs>
+  <path id="Social_x_-2_1" data-name="Social x -2 1" class="cls-1" d="M208.568,8c149.2,0.331,300.422,2.648,449.617,2.979,86.663,0,162.7-4.391,218.357,25.818,41.312,22.424,77.08,62.95,94.291,109.23,20.963,56.368,12.9,149.956,12.9,225.411V674.3c0,48.187,7.128,109.475-3.97,150.936-13.034,48.693-38.509,94.2-74.44,120.153-24.954,18.023-55.528,34.237-90.321,41.706-23.029,4.944-51.493,2.979-78.41,2.979H318.739c-46.8,0-103.154,5.907-144.909-2.979-60.19-12.809-108.811-49.038-136.97-94.335C2.042,836.752,11.055,767.026,11.055,675.3c0-117.493.992-362.125,0.992-479.618C12.047,63.677,151.59,8,208.568,8Zm10.918,201.579-2.977,1.986L436.851,500.528c-4.6,17.548-37.928,43.94-49.627,58.586L271.1,694.162c-11.979,15.019-36.369,30.637-42.679,49.65l89.328-.993,158.805-183.7c5.547,0.3,5.794,1.012,8.933,2.979,9.391,25.049,36.577,46.289,51.611,67.524,19.634,27.733,42.32,53.1,61.537,80.433,7.99,11.363,14.845,25.453,25.806,33.762H754.461c12.721,0,40.162,4,48.634-1.986L633.372,516.416c-12.208-17.35-56.689-63.437-60.544-81.426L767.364,211.565v-0.993l-3.97-.993-84.365.993L576.8,326.753c-13.733,17.111-28.64,40.051-46.649,52.629h-1.985L400.127,210.572Zm126.052,49.65,29.776,1.986L695.9,685.225l-0.993,5.958-46.649-.993q-30.765-40.212-61.537-80.433l-184.611-241.3L343.553,292c-5.976-8.018-22.454-20.757-20.843-31.776Z"/>
+</svg>
diff --git a/src/views/Profile/Dialogs/PageInformations/Socials.vue b/src/views/Profile/Dialogs/PageInformations/Socials.vue
index 37cc76d..3142614 100644
--- a/src/views/Profile/Dialogs/PageInformations/Socials.vue
+++ b/src/views/Profile/Dialogs/PageInformations/Socials.vue
@@ -43,7 +43,7 @@ const save = async () => {
     props.creator.socials.websiteUrl = websiteUrl
     props.creator.socials.xUrl = xUrl
     props.creator.socials.youtubeUrl = youtubeUrl
-    
+
     emits('closeRequested')
   } catch (error) {
     console.error(error)
@@ -58,63 +58,86 @@ const cancel = () => {
 
 <template>
   <div class="pb-5 text-2xl">Reseaux Sociaux</div>
-
-  <v-text-field
-      variant="outlined"
-      v-model="facebookUrl"
-      label="Lien Facebook"
-      outlined
-  ></v-text-field>
-
-  <v-text-field
-      variant="outlined"
-      v-model="instagramUrl"
-      label="Lien Instagram"
-      outlined
-  ></v-text-field>
+  <div class="flex flex-row align-center">
+    <v-icon class="mb-5 mr-2">mdi-facebook</v-icon>
+    <v-text-field
+        variant="outlined"
+        v-model="facebookUrl"
+        label="Lien Facebook"
+        outlined
+    ></v-text-field>
+  </div>
 
 
-  <v-text-field
-      variant="outlined"
-      v-model="linkedInUrl"
-      label="Lien LinkedIn"
-      outlined
-  ></v-text-field>
+  <div class="flex flex-row align-center">
+    <v-icon class="mb-5 mr-2">mdi-instagram</v-icon>
+    <v-text-field
+        variant="outlined"
+        v-model="instagramUrl"
+        label="Lien Instagram"
+        outlined
+    ></v-text-field>
+  </div>
 
+  <div class="flex flex-row align-center">
+    <v-icon class="mb-5 mr-2">mdi-linkedin</v-icon>
+    <v-text-field
+        variant="outlined"
+        v-model="linkedInUrl"
+        label="Lien LinkedIn"
+        outlined
+    ></v-text-field>
+</div>
+
+  <div class="flex flex-row align-center">
+    <v-icon class="mb-5 mr-2">mdi-reddit</v-icon>
   <v-text-field
       variant="outlined"
       v-model="redditUrl"
       label="Lien Reddit"
       outlined
   ></v-text-field>
-
+</div>
+  
+  <div class="flex flex-row align-center">
+    <img src="/images/hutopymedia/icons/tiktok.svg" width="23px" height="23px" class="mb-5 mr-2">      
   <v-text-field
       variant="outlined"
       v-model="tikTokUrl"
       label="Lien TikTok"
       outlined
   ></v-text-field>
+  </div>
 
+  <div class="flex flex-row align-center">
+    <v-icon class="mb-5 mr-2">mdi-web</v-icon>
   <v-text-field
       variant="outlined"
       v-model="websiteUrl"
       label="Lien site web"
       outlined
   ></v-text-field>
+  </div>
 
-  <v-text-field
+  <div class="flex flex-row align-center">
+    <img src="/images/hutopymedia/icons/x.svg" width="23px" height="23px" class="mb-5 mr-2">
+    <v-text-field
       variant="outlined"
       v-model="xUrl"
       label="Lien X"
       outlined
   ></v-text-field>
+  </div>
 
-  <v-text-field
+  <div class="flex flex-row align-center">
+    <v-icon class="mb-5 mr-2">mdi-youtube</v-icon>
+  <v-text-field      
       variant="outlined"
       v-model="youtubeUrl"
       label="Lien Youtube"
       outlined
   ></v-text-field>
+  </div>
 
   <div class="flex justify-end space-x-4">
     <v-btn color="black" variant="text" @click="cancel">Annuler</v-btn>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 3b209bc..083f2ba 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -142,7 +142,7 @@ const closeDialog = () => {
         <button
             @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left"><v-icon>mdi-twitter</v-icon></span>
+          <span class="flex-none pa-2 min-w-32 text-left">    <img src="/images/hutopymedia/icons/x.svg" width="23px" height="23px"></span>
           <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.xUrl }}</span>
           <span class="flex-none">          
                         <v-icon>mdi-chevron-right</v-icon>
@@ -163,7 +163,7 @@ const closeDialog = () => {
             @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
           <span class="flex-none pa-2 min-w-32 text-left"> 
-            <img src="/images/socials/tiktok-black.png" class="w-5 h-5">
+            <img src="/images/hutopymedia/icons/tiktok.svg" class="w-5 h-5">
           </span>
           <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.tikTokUrl }}</span>
           <span class="flex-none">

From 9d8735e7a87db43aefb93a39e7c3ffb76e3e5b08 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 6 Aug 2024 11:53:54 -0400
Subject: [PATCH 057/109] Fixe X icons on website with xvg

---
 src/views/main/SelectedFooter.vue | 11 ++++++-----
 src/views/main/SiteMenu.vue       |  2 +-
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/views/main/SelectedFooter.vue b/src/views/main/SelectedFooter.vue
index 6d3d31d..84abdfa 100644
--- a/src/views/main/SelectedFooter.vue
+++ b/src/views/main/SelectedFooter.vue
@@ -7,15 +7,15 @@
 
   <div class="flex flex-row justify-center space-x-10 py-10">
     <a href="https://www.facebook.com/profile.php?id=61556819217561">
-      <v-icon size="40px" class="text-fuchsia-900">mdi-facebook</v-icon>
+      <v-icon size="40px">mdi-facebook</v-icon>
     </a>
 
     <a href="https://www.instagram.com/hutopy.inc/">
-      <v-icon size="40px"  class="text-fuchsia-900">mdi-instagram</v-icon>
+      <v-icon size="40px">mdi-instagram</v-icon>
     </a>
 
-    <a href="https://x.com/Hutopyinc/">
-      <v-icon size="40px"  class="text-fuchsia-900">mdi-twitter</v-icon>
+    <a href="https://x.com/Hutopyinc/">     
+      <img src="/images/hutopymedia/icons/x.svg" width="34px" height="34px" class="mt-1 custom-color fill-current">
     </a>
   </div>
 
@@ -48,4 +48,5 @@
 </template>
 
 <script setup lang="ts">
-</script>
\ No newline at end of file
+</script>
+
diff --git a/src/views/main/SiteMenu.vue b/src/views/main/SiteMenu.vue
index 3effd7d..c4a94dc 100644
--- a/src/views/main/SiteMenu.vue
+++ b/src/views/main/SiteMenu.vue
@@ -12,7 +12,7 @@
       </a>
       <!-- X / Twitter -->
       <a href="https://twitter.com/Hutopyinc" class="social">
-        <v-icon>mdi-twitter</v-icon>
+           <img src="/images/hutopymedia/icons/x.svg" width="23px" height="23px" class="mb-5 mr-2">
       </a>
     </div>
 

From c7f82ac894eb0546d29aa10af4f88cdc92da7710 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 6 Aug 2024 11:58:23 -0400
Subject: [PATCH 058/109] Change color of svg

---
 src/views/main/SelectedFooter.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/views/main/SelectedFooter.vue b/src/views/main/SelectedFooter.vue
index 84abdfa..2e2cee8 100644
--- a/src/views/main/SelectedFooter.vue
+++ b/src/views/main/SelectedFooter.vue
@@ -7,15 +7,15 @@
 
   <div class="flex flex-row justify-center space-x-10 py-10">
     <a href="https://www.facebook.com/profile.php?id=61556819217561">
-      <v-icon size="40px">mdi-facebook</v-icon>
+      <v-icon size="40px" class="text-fuchsia-900">mdi-facebook</v-icon>
     </a>
 
     <a href="https://www.instagram.com/hutopy.inc/">
-      <v-icon size="40px">mdi-instagram</v-icon>
+      <v-icon size="40px"  class="text-fuchsia-900">mdi-instagram</v-icon>
     </a>
 
     <a href="https://x.com/Hutopyinc/">     
-      <img src="/images/hutopymedia/icons/x.svg" width="34px" height="34px" class="mt-1 custom-color fill-current">
+      <img src="/images/hutopymedia/icons/x.svg" width="34px" height="34px" class="mt-1 filter-fushia ">
     </a>
   </div>
 
@@ -50,3 +50,9 @@
 <script setup lang="ts">
 </script>
 
+<style>
+.filter-fushia{
+  filter: invert(14%) sepia(60%) saturate(4103%) hue-rotate(285deg) brightness(84%) contrast(93%);
+}
+</style>
+

From e69b606aecc574922881898acbfdb712261755ba Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 6 Aug 2024 12:00:51 -0400
Subject: [PATCH 059/109] Changed color svg

---
 src/views/main/SelectedFooter.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/views/main/SelectedFooter.vue b/src/views/main/SelectedFooter.vue
index 2e2cee8..7829c4e 100644
--- a/src/views/main/SelectedFooter.vue
+++ b/src/views/main/SelectedFooter.vue
@@ -19,7 +19,6 @@
     </a>
   </div>
 
-
   <div class="flex flex-row flex-wrap justify-center space-x-2 py-2 pb-6">
     <router-link to="/helpandcontact">
       <v-btn variant="plain"> Aide & Contact</v-btn>
@@ -43,8 +42,6 @@
       <v-btn variant="plain"> Frais</v-btn>
     </router-link>
   </div>
-
-
 </template>
 
 <script setup lang="ts">

From fab99c288dee515815db5824598d0be62def48dd Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 7 Aug 2024 02:18:38 -0400
Subject: [PATCH 060/109] Tweaking post UI

---
 src/views/Profile/PageInformations.vue | 40 ++++++++++++++++++
 src/views/contents/ContentCard.vue     |  8 ++--
 src/views/messages/Message.vue         | 52 +++++++++++++----------
 src/views/messages/MessageList.vue     |  6 +--
 src/views/messages/PostMessage.vue     | 58 ++++++++++++++++++++++----
 5 files changed, 126 insertions(+), 38 deletions(-)

diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 083f2ba..1ef3396 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -52,6 +52,46 @@ const closeDialog = () => {
       Informations de votre page
     </h1>
 
+    <!-- Nom de la page créateur -->
+    <div class="my-10 border rounded-2xl w-full max-w-[800px]">
+
+      <div class="py-5 uppercase ml-4">Informations</div>
+
+      <div class="flex flex-col w-full">
+        <button
+            @click="openDialog('Socials')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="flex-none pa-2 min-w-32 text-left">   Nom de la page </span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.xUrl }}</span>
+          <span class="flex-none">          
+                        <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button
+            @click="openDialog('Socials')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="flex-none pa-2 min-w-32 text-left"> Titre </span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.xUrl }}</span>
+          <span class="flex-none">          
+                        <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button
+            @click="openDialog('Socials')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
+          <span class="pa-2 min-w-32 text-left"> Description </span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.websiteUrl }}</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+      </div>
+    </div>
+
+    
     <div class="border rounded-2xl w-full max-w-[800px]">
       <div class="py-5 uppercase ml-4">Bannière et image de profil</div>
       <div class="flex flex-col w-full">
diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index f3d28ca..06b0021 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -44,8 +44,7 @@ function getComponent(url) {
 </script>
 
 <template>
-  <div class="shadow-md rounded-lg bg-gray-50">
-
+  <div class="shadow-md rounded-lg bg-gray-50 px-10">
     <v-card
         outlined
         tile
@@ -83,14 +82,13 @@ function getComponent(url) {
     </v-card>
 
     <div>
-
       <div>
-        <h2 class="font-sans font-semibold">Commentaires</h2>
+        <h2 class="font-sans font-semibold mt-4">Commentaires</h2>
         <message-list :subject-id="props.content.id" :messages="messages">
         </message-list>
       </div>
 
-      <div class="border-t-2 border-gray-300 mt-4 pt-4">
+      <div class="py-2">
         <post-message :subject-id="props.content.id" @message-posted="addMessage">
         </post-message>
       </div>
diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index 1c1c8a0..258c68b 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -1,33 +1,34 @@
 <template>
-  <div class="flex flex-column">
-    <div class="flex flex-row p-1 items-center">
-      <div class="px-2 content-center">
-        <img :src="message.createdByPortraitUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
-             alt="Profile Image"
-             class="rounded-full"
-             width="32px"
-             height="32px">
-      </div>
-
-      <div class="p-2 flex-1">
+  <div class="flex flex-column py-2 ">
+    <div class="flex flex-row full ">
+      <div  class="w-full">
         <div class="flex justify-between items-center">
-
           <div>
-             
-            <span class="font-semibold font-sans mr-2">
+            <div>
+              <div class=" content-center flex flex-row">
+                <img
+                    :src="message.createdByPortraitUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
+                    alt="Profile Image"
+                    class="rounded-full"
+                    width="32px"
+                    height="32px">
+                <span class="font-semibold font-sans mr-2 capitalize ml-2">
               {{ message.createdByName }}
             </span>
 
-            <v-tooltip :text="new Date(message.createdAt).toLocaleString()">
-              <template v-slot:activator="{ props }">
-                <span v-bind="props" class="text-sm-caption text-gray-700">
+                <v-tooltip :text="new Date(message.createdAt).toLocaleString()">
+                  <template v-slot:activator="{ props }">
+                <span v-bind="props" class="text-sm-caption text-gray-700 mt-1">
                   {{ time_ago(message.createdAt) }}
                 </span>
-              </template>
-            </v-tooltip>
+                  </template>
+                </v-tooltip>                              
+              </div>
+            </div>
+
 
           </div>
-          <v-menu>
+          <v-menu class="ml-auto">
             <template v-slot:activator="{ props }">
               <v-btn variant="plain" icon v-bind="props">
                 <v-icon>mdi-dots-vertical</v-icon>
@@ -47,8 +48,9 @@
           </v-menu>
         </div>
 
-        <div class="font-sans">
-          {{ message.value }}
+        <div class="font-sans message-content">
+          <p class=" pb-2"> {{ message.value }}</p>
+
         </div>
       </div>
     </div>
@@ -60,7 +62,6 @@
 import {time_ago} from "@/internal_time_ago.js";
 
 
-
 const props = defineProps({
   message: {
     type: Object,
@@ -90,4 +91,9 @@ function reportMessage(message) {
   display: flex;
   align-items: center;
 }
+
+.message-content {
+  word-wrap: break-word;
+  word-break: break-word;
+}
 </style>
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index b1cc3e3..a7ff5d0 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -3,18 +3,18 @@
   <v-infinite-scroll :items="messages"
                      :onLoad="load"
                      mode="manual"
-                     class="bg-gray-300 rounded-md justify-items-center">
+                     class="justify-items-center">
 
     <template v-for="(message, index) in messages" :key="index">
       <message :message="message"
-               class="m-2 p-2 rounded-md bg-gray-100"
+               class="border-b"
       ></message>
     </template>
 
     <template v-slot:load-more="{ props }">
       <v-btn
           size="small"
-          variant="plain"
+          variant="outlined"
           v-bind="props"
       >Voir plus de commentaires
       </v-btn>
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 20aaf4e..5965848 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -1,16 +1,42 @@
 <template>
   <div class="flex flex-column">
-    <div class="flex flex-row">
-      <div class="mx-2 content-center">
-        <img :src="userStore.portraitUrl" alt="Profile Image" class="rounded-full" width="32px" height="32px">
+    <div class="flex flex-row items-center ">
+      <img :src="userStore.portraitUrl" alt="Profile Image" class="rounded-full mr-2" width="32px" height="32px">
+      <div class="flex-grow">
+        <div class="flex flex-row bg-gray-100 rounded-2xl">
+          <v-textarea
+              v-model="value"
+              density="compact"
+              variant="underlined"
+              placeholder="Votre commentaire..."
+              hide-details
+              auto-grow
+              rows="1"
+              maxlength="1024"
+              class="pr-1 ml-6 flex-grow"
+              @keydown.enter.prevent="publish"
+              
+          >
+          </v-textarea>
+          <div class="flex flex-col justify-center">
+            <v-btn
+                icon
+                variant="text"
+                @click="publish"
+            >
+              <v-icon>mdi-send</v-icon>
+            </v-btn>
+          </div>
+        </div>
       </div>
-      <v-text-field v-model="value" density="compact" variant="solo-inverted" placeholder="Votre commentaire..." hide-details clearable></v-text-field>
     </div>
-    <div class="flex flex-row gap-2 mt-2 justify-end">
-      <v-btn variant="plain">Annuler</v-btn>
-      <v-btn variant="tonal" @click="publish">Commenter</v-btn>
+    <div class="flex justify-end items-center mt-1">
+      <div v-if="value.length < 1024" class="text-gray-500 text-sm">{{ value.length }}/1024</div>
+      <div v-if="value.length >= 1024" class="text-red-500 text-sm">{{ value.length }}/1024</div>
     </div>
   </div>
+
+
   <v-dialog v-model="loginModal" max-width="400">
     <v-card>
       <div class="flex flex-col items-center">
@@ -90,3 +116,21 @@ const handleFailure = () => {
   console.error('Login failed');
 }
 </script>
+
+<style scoped>
+.text-red-500 {
+  color: #f56565;
+}
+
+.text-gray-500 {
+  color: #a0aec0;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+}
+
+.mt-1 {
+  margin-top: 0.25rem;
+}
+</style>

From c67b83d367a63cc1822e41e08be134c5d2e0001d Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 7 Aug 2024 03:05:44 -0400
Subject: [PATCH 061/109] Tweaking Post UI

---
 src/views/contents/ContentCard.vue | 121 +++++++++++++----------------
 src/views/contents/ImageViewer.vue |   2 +-
 2 files changed, 53 insertions(+), 70 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 06b0021..e373d87 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,15 +1,47 @@
-<script setup>
+<template>
+  <div class="shadow-md rounded-2xl bg-gray-50 px-6 ">
+    <div>
+      <v-card-title>
+        {{ props.content.title }}
+        <span class="text-subtitle-2">
+          {{ time_ago(props.content.createdAt) }}
+        </span>
+        <v-card-text>
+          {{ props.content.description }}
+        </v-card-text>
+      </v-card-title>
 
-import {computed, reactive, onMounted} from 'vue';
+      <v-carousel v-if="hasUrls" hide-delimiter-background show-arrows="hover">
+        <v-carousel-item
+            v-for="url in props.content.urls"
+            :key="url"
+            class="image-container rounded-2xl"
+        >
+          <component :is="getComponent(url)" :src="url"></component>
+        </v-carousel-item>
+      </v-carousel>
+    </div>
+
+    <div>
+      <div>
+        <h2 class="font-sans font-semibold mt-4">Commentaires</h2>
+        <message-list :subject-id="props.content.id" :messages="messages"></message-list>
+      </div>
+
+      <div class="py-2">
+        <post-message :subject-id="props.content.id" @message-posted="addMessage"></post-message>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {computed, reactive} from 'vue';
 import {time_ago} from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
-
 import YoutubePlayer from './YoutubePlayer.vue';
 import ImageViewer from './ImageViewer.vue';
-// import VimeoPlayer from '@/components/VimeoPlayer.vue';
-// import AudioPlayer from '@/components/AudioPlayer.vue';
-// import BlogViewer from '@/components/BlogViewer.vue';
 
 const props = defineProps({
   content: {
@@ -20,81 +52,32 @@ const props = defineProps({
 
 const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
 
-
 const messages = reactive([]);
 
 function addMessage(newMessage) {
-  messages.unshift(newMessage)
+  messages.unshift(newMessage);
 }
 
 function getComponent(url) {
   if (url.includes('youtube.com') || url.includes('youtu.be')) {
     return YoutubePlayer;
-    // } else if (url.includes('vimeo.com')) {
-    //   return VimeoPlayer;
   } else if (url.match(/\.(jpeg|jpg|gif|png)$/)) {
     return ImageViewer;
-    // } else if (url.match(/\.(mp3|wav|ogg)$/)) {
-    //   return 'AudioPlayer';
-    // } else {
-    //   return 'BlogViewer';
   }
 }
-
 </script>
 
-<template>
-  <div class="shadow-md rounded-lg bg-gray-50 px-10">
-    <v-card
-        outlined
-        tile
-    >
-      <v-card-title>
-        {{ props.content.title }}
-        <span class="text-subtitle-2">
-          {{ time_ago(props.content.createdAt) }}
-        </span>
-      </v-card-title>
+<style>
+.image-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  overflow: hidden;
+}
 
-      <v-carousel v-if="hasUrls">
-
-        <v-carousel-item
-            v-for="url in props.content.urls"
-            :key="url"
-        >
-          <component :is="getComponent(url)"
-                     :src="url"
-          ></component>
-        </v-carousel-item>
-
-      </v-carousel>
-
-      <v-card-text>
-        {{ props.content.description }}
-      </v-card-text>
-
-      <v-card-actions>
-        <router-link :to="'content/' + content.id">
-          <div class="bg-blue-500 rounded-lg py-1 px-2">Plus ...</div>
-        </router-link>
-      </v-card-actions>
-
-    </v-card>
-
-    <div>
-      <div>
-        <h2 class="font-sans font-semibold mt-4">Commentaires</h2>
-        <message-list :subject-id="props.content.id" :messages="messages">
-        </message-list>
-      </div>
-
-      <div class="py-2">
-        <post-message :subject-id="props.content.id" @message-posted="addMessage">
-        </post-message>
-      </div>
-
-    </div>
-
-  </div>
-
-</template>
\ No newline at end of file
+.image-container img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+</style>
diff --git a/src/views/contents/ImageViewer.vue b/src/views/contents/ImageViewer.vue
index bf642ed..386de5e 100644
--- a/src/views/contents/ImageViewer.vue
+++ b/src/views/contents/ImageViewer.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="image-container">
-    <img :src="src" alt="Image" class="image" />
+    <img :src="src" alt="Image" class="full-size-image" />
   </div>
 </template>
 

From 38df1039d960b2d671999bd32e99e2e6dff94567 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 7 Aug 2024 12:07:58 -0400
Subject: [PATCH 062/109] tweaking Post Ui card

---
 src/views/contents/ContentCard.vue | 10 +++++++---
 src/views/contents/ContentList.vue |  2 +-
 src/views/creators/CreatorPage.vue |  3 +--
 3 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index e373d87..6157515 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="shadow-md rounded-2xl bg-gray-50 px-6 ">
+  <div class="shadow-md rounded-2xl bg-gray-50 border custom-border">
     <div>
       <v-card-title>
         {{ props.content.title }}
@@ -15,14 +15,14 @@
         <v-carousel-item
             v-for="url in props.content.urls"
             :key="url"
-            class="image-container rounded-2xl"
+            class="image-container"
         >
           <component :is="getComponent(url)" :src="url"></component>
         </v-carousel-item>
       </v-carousel>
     </div>
 
-    <div>
+    <div class="p-4">
       <div>
         <h2 class="font-sans font-semibold mt-4">Commentaires</h2>
         <message-list :subject-id="props.content.id" :messages="messages"></message-list>
@@ -80,4 +80,8 @@ function getComponent(url) {
   height: 100%;
   object-fit: cover;
 }
+
+.custom-border {
+  border-color: #EAEBEC; 
+}
 </style>
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index 95b163d..eefabd6 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -5,7 +5,7 @@
 
     <template v-for="content in contents">
       <content-card :content="content"
-                    class="w-full p-2 my-2"
+                    class="w-full  my-2"
       ></content-card>
     </template>
 
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index e51250b..16b37a0 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -5,13 +5,12 @@
 
     <donation-popup :creator-id="creator.id"></donation-popup>
 
-    <div class="max-w-[1000px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
+    <div class="max-w-[850px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
       <div class="w-full h-full mx-1">
         <content-list :creator-id="creator.id">
         </content-list>
       </div>
     </div>
-
   </div>
 
   <!-- Fallback when user try to access a non-existing creator -->

From f5557075e90c80f00e1eaa55f9bc6dd817be6de9 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 7 Aug 2024 13:56:35 -0400
Subject: [PATCH 063/109] Update - postcard ui

---
 src/views/contents/ContentCard.vue | 27 +++++++++++++++++++++++----
 src/views/creators/CreatorPage.vue |  2 +-
 src/views/main/Home.vue            |  3 +--
 3 files changed, 25 insertions(+), 7 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 6157515..fd7c054 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,15 +1,34 @@
 <template>
   <div class="shadow-md rounded-2xl bg-gray-50 border custom-border">
     <div>
+      
       <v-card-title>
-        {{ props.content.title }}
-        <span class="text-subtitle-2">
+        <div class="flex flex-row">
+        <div>
+          <img
+              :src="props.content.createdByPortraitUrl"
+              alt="Profile Image"
+              class="rounded-full"
+              width="32px"
+              height="32px">
+        </div>
+          
+          <div class="capitalize px-2">
+          {{ props.content.createdByName }}
+          </div>
+        <span class="text-subtitle-2 mt-1">
           {{ time_ago(props.content.createdAt) }}
         </span>
-        <v-card-text>
+       
+        </div>
+        <div class="uppercase">
+        {{ props.content.title }}
+        </div>
+        <div>
           {{ props.content.description }}
-        </v-card-text>
+        </div>
       </v-card-title>
+      
 
       <v-carousel v-if="hasUrls" hide-delimiter-background show-arrows="hover">
         <v-carousel-item
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 16b37a0..efbd03e 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -5,7 +5,7 @@
 
     <donation-popup :creator-id="creator.id"></donation-popup>
 
-    <div class="max-w-[850px] mx-auto flex flex-row justify-center border-l-2 border-r-2 -mt-6 ">
+    <div class="max-w-[800px] mx-auto flex flex-row justify-center ">
       <div class="w-full h-full mx-1">
         <content-list :creator-id="creator.id">
         </content-list>
diff --git a/src/views/main/Home.vue b/src/views/main/Home.vue
index 6e386b1..c16b0de 100644
--- a/src/views/main/Home.vue
+++ b/src/views/main/Home.vue
@@ -104,8 +104,7 @@
          
           <RouterLink to="/browse">
           <v-btn variant="tonal" density="default" class="mb-2 w-full">
-            Découvre les autres créateurs
-                    
+            Découvre les autres créateurs                   
           </v-btn>
           </RouterLink>
       

From 76d35ce6a9af803cbc526a45b81367868c546236 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 7 Aug 2024 14:10:07 -0400
Subject: [PATCH 064/109] Tweaking ContentCard

---
 src/views/contents/ContentCard.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index fd7c054..aa9b2b2 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -41,9 +41,9 @@
       </v-carousel>
     </div>
 
-    <div class="p-4">
+    <div class="px-4">
       <div>
-        <h2 class="font-sans font-semibold mt-4">Commentaires</h2>
+        <h2 class="font-sans font-semibold mt-2">Commentaires</h2>
         <message-list :subject-id="props.content.id" :messages="messages"></message-list>
       </div>
 

From a8d6c420601c4372f70eebb6a1bee0553df4e5b8 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad0@hotmail.com>
Date: Wed, 7 Aug 2024 14:25:49 -0400
Subject: [PATCH 065/109] Adds About for Creators

---
 .../Dialogs/PageInformations/About.vue        |  67 ++++++++++++
 src/views/Profile/PageInformations.vue        |  45 ++++----
 src/views/creators/CreatorAbout.vue           |  55 ++++++++++
 src/views/creators/CreatorAboutYou.vue        | 102 ------------------
 src/views/creators/CreatorBanner.vue          |  10 +-
 src/views/creators/CreatorDescriptionBtn.vue  |  89 ---------------
 src/views/main/Profile.vue                    |  27 ++---
 7 files changed, 166 insertions(+), 229 deletions(-)
 create mode 100644 src/views/Profile/Dialogs/PageInformations/About.vue
 create mode 100644 src/views/creators/CreatorAbout.vue
 delete mode 100644 src/views/creators/CreatorAboutYou.vue
 delete mode 100644 src/views/creators/CreatorDescriptionBtn.vue

diff --git a/src/views/Profile/Dialogs/PageInformations/About.vue b/src/views/Profile/Dialogs/PageInformations/About.vue
new file mode 100644
index 0000000..2f0ab42
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/About.vue
@@ -0,0 +1,67 @@
+<script setup>
+import {ref} from 'vue'
+import {useClient} from "@/plugins/api.js";
+
+const props = defineProps({
+  creator: {
+    required: true
+  }
+})
+
+const emits = defineEmits(['closeRequested'])
+
+const title = ref(props.creator.about.title)
+const description = ref(props.creator.about.description)
+
+const client = useClient()
+const save = async () => {
+  try {
+    await client.post(
+        `/api/creators/${props.creator.id}/about`,
+        {
+          "title": title.value || null,
+          "description": description.value || null
+        })
+
+    props.creator.about.title = title
+    props.creator.about.description = description
+
+    emits('closeRequested')
+  } catch (error) {
+    console.error(error)
+  }
+}
+
+const cancel = () => {
+  emits('closeRequested')
+}
+
+</script>
+
+<template>
+  <div class="pb-5 text-2xl">About</div>
+
+  <div class="flex flex-row align-center">
+    <v-text-field
+        variant="outlined"
+        v-model="title"
+        label="Titre"
+        outlined
+    ></v-text-field>
+  </div>
+
+
+  <div class="flex flex-row align-center">
+    <v-text-field
+        variant="outlined"
+        v-model="description"
+        label="Description"
+        outlined
+    ></v-text-field>
+  </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>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 1ef3396..16e6b8f 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -1,10 +1,11 @@
 <script setup>
 import {ref} from 'vue'
+import {useUserStore} from "@/stores/userStore.js"
 import Socials from '@/views/Profile/Dialogs/PageInformations/Socials.vue'
 import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue'
 import ColorsPicker from '@/views/Profile/Dialogs/PageInformations/ColorsPicker.vue'
 import LogoPicker from "@/views/Profile/Dialogs/PageInformations/LogoPicker.vue"
-import {useUserStore} from "@/stores/userStore.js"
+import About from "@/views/Profile/Dialogs/PageInformations/About.vue";
 
 const userStore = useUserStore()
 
@@ -16,7 +17,8 @@ const componentsMap = {
   BannerPicker,
   LogoPicker,
   Socials,
-  ColorsPicker
+  ColorsPicker,
+  About
 };
 
 const openDialog = (component, colorName = null) => {
@@ -58,31 +60,32 @@ const closeDialog = () => {
       <div class="py-5 uppercase ml-4">Informations</div>
 
       <div class="flex flex-col w-full">
-        <button
-            @click="openDialog('Socials')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left">   Nom de la page </span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.xUrl }}</span>
-          <span class="flex-none">          
-                        <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
 
         <button
             @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left"> Titre </span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.xUrl }}</span>
-          <span class="flex-none">          
-                        <v-icon>mdi-chevron-right</v-icon>
+          <span class="flex-none pa-2 min-w-32 text-left">Nom</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.name }}</span>
+          <span class="flex-none">  
+            <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
 
         <button
-            @click="openDialog('Socials')"
+            @click="openDialog('About')"
+            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="flex-none pa-2 min-w-32 text-left">Titre</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.about.title }}</span>
+          <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+        </button>
+
+        <button
+            @click="openDialog('About')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
-          <span class="pa-2 min-w-32 text-left"> Description </span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.websiteUrl }}</span>
+          <span class="pa-2 min-w-32 text-left">Description</span>
+          <span class="flex-auto text-left pr-6">{{ userStore.creator.about.description }}</span>
           <span class="flex-none">
             <v-icon>mdi-chevron-right</v-icon>
           </span>
@@ -91,7 +94,6 @@ const closeDialog = () => {
       </div>
     </div>
 
-    
     <div class="border rounded-2xl w-full max-w-[800px]">
       <div class="py-5 uppercase ml-4">Bannière et image de profil</div>
       <div class="flex flex-col w-full">
@@ -145,7 +147,7 @@ const closeDialog = () => {
             @click="openDialog('ColorsPicker', 'menu')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
           <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-menu</v-icon></span>
-          <span class="flex-auto text-left pr-6">couleur des entêtes de menus</span>
+          <span class="flex-auto text-left pr-6">Couleur des entêtes de menus</span>
           <span class="flex-none">
            <v-icon>mdi-eyedropper-variant</v-icon>
           </span>
@@ -182,7 +184,8 @@ const closeDialog = () => {
         <button
             @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left">    <img src="/images/hutopymedia/icons/x.svg" width="23px" height="23px"></span>
+          <span class="flex-none pa-2 min-w-32 text-left">    <img src="/images/hutopymedia/icons/x.svg" width="23px"
+                                                                   height="23px"></span>
           <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.xUrl }}</span>
           <span class="flex-none">          
                         <v-icon>mdi-chevron-right</v-icon>
diff --git a/src/views/creators/CreatorAbout.vue b/src/views/creators/CreatorAbout.vue
new file mode 100644
index 0000000..4b8072d
--- /dev/null
+++ b/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>
diff --git a/src/views/creators/CreatorAboutYou.vue b/src/views/creators/CreatorAboutYou.vue
deleted file mode 100644
index 75ce31d..0000000
--- a/src/views/creators/CreatorAboutYou.vue
+++ /dev/null
@@ -1,102 +0,0 @@
-<template>
-  <div class="py-8" ref="container">
-    <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">
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Prénom</label>
-          </div>
-          <v-text-field v-model="user.firstName" label="Prénom" variant="outlined"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Nom</label>
-          </div>
-          <v-text-field v-model="user.lastName" label="Nom" variant="outlined"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Occupation</label>
-          </div>
-          <v-text-field v-model="user.occupation" label="Occupation" variant="outlined"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Courriel</label>
-          </div>
-          <v-text-field disabled v-model="user.email" label="Courriel" variant="outlined"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Téléphone</label>
-          </div>
-          <v-text-field v-model="user.phoneNumber" label="Téléphone" variant="outlined"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Date de naissance (JJ/MM/AAAA)</label>
-          </div>
-          <v-text-field v-model="user.birthDate" label="Date de naissance" variant="outlined"
-                        :rules="[dateRule]"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Pays</label>
-          </div>
-          <v-text-field v-model="user.country" label="Pays" variant="outlined"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Ville</label>
-          </div>
-          <v-text-field v-model="user.city" label="Ville" variant="outlined"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Adresse</label>
-          </div>
-          <v-text-field v-model="user.address" label="Adresse" variant="outlined"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Titre A propos</label>
-          </div>
-          <v-text-field v-model="user.about" label="Titre A propos" variant="outlined"></v-text-field>
-        </div>
-
-        <div>
-          <div class="flex justify-between items-center mb-2">
-            <label class="text-lg">Description</label>
-          </div>
-          <v-textarea v-model="user.description" label="Description" variant="outlined"></v-textarea>
-        </div>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-
-const props = defineProps({
-  user
-});
-
-const dateRule = value => {
-  const datePattern = /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/(19|20)\d{2}$/;
-  return datePattern.test(value) || 'Format de date invalide (JJ/MM/AAAA)';
-};
-</script>
-
-<style scoped>
-/* Votre style ici */
-</style>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 82a8891..11d2081 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -60,13 +60,13 @@
 
         <!-- Buttons -->
         <div class="flex flex-wrap items-center  mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
-          <AboutYou :creator="creator"></AboutYou>
+
+          <creator-about :creator="creator"></creator-about>
 
           <subscribe-button :creator="creator"></subscribe-button>
 
-          <publish-content-button :creator="creator"/>
-
-
+          <publish-content-button :creator="creator"></publish-content-button>
+          
         </div>
       </div>
     </div>
@@ -74,7 +74,7 @@
 </template>
 
 <script setup>
-import AboutYou from "@/views/creators/CreatorDescriptionBtn.vue";
+import CreatorAbout from "@/views/creators/CreatorAbout.vue";
 import SubscribeButton from "@/views/creators/SubscribeButton.vue";
 import PublishContentButton from "@/views/contents/PublishContentButton.vue";
 
diff --git a/src/views/creators/CreatorDescriptionBtn.vue b/src/views/creators/CreatorDescriptionBtn.vue
deleted file mode 100644
index 1672880..0000000
--- a/src/views/creators/CreatorDescriptionBtn.vue
+++ /dev/null
@@ -1,89 +0,0 @@
-<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>
-          À propos
-          <br><br>
-          <div class="flex justify-center">{{ creator.about }}</div>
-          <br>
-        </v-card-title>
-        <v-card-text class="scrollable-content">
-          {{ creator.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, onMounted } from 'vue';
-
-const AboutUs = ref(false);
-
-const props = defineProps({
-  creator: { type: Object, required: true },
-});
-
-onMounted(() => {
-  const style = document.createElement('style');
-  style.innerHTML = `
-    .scrollable-content::-webkit-scrollbar-thumb {
-      background-color: ${props.creator.colors.menu};
-      border-radius: 10px;
-    }
-    .scrollable-content::-webkit-scrollbar-thumb:hover {
-      background-color: ${shadeColor(props.creator.colors.accent, -10)};
-    }
-  `;
-  document.head.appendChild(style);
-});
-
-function shadeColor(color, percent) {
-  const f = parseInt(color.slice(1), 16),
-      t = percent < 0 ? 0 : 255,
-      p = percent < 0 ? percent * -1 : percent,
-      R = f >> 16,
-      G = (f >> 8) & 0x00ff,
-      B = f & 0x0000ff;
-  return (
-      "#" +
-      (
-          0x1000000 +
-          (Math.round((t - R) * p) + R) * 0x10000 +
-          (Math.round((t - G) * p) + G) * 0x100 +
-          (Math.round((t - B) * p) + B)
-      )
-          .toString(16)
-          .slice(1)
-  );
-}
-</script>
-
-<style scoped>
-.scrollable-content {
-  max-height: 600px;
-  overflow-y: auto;
-}
-
-.scrollable-content::-webkit-scrollbar {
-  width: 6px;
-}
-
-.transparent-btn {
-  background-color: transparent;
-  color: inherit;
-  box-shadow: none;
-}
-</style>
diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 906543a..7c0c5a0 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -1,18 +1,19 @@
 <template>
   <div class="flex flex-col md:flex-row">
+
     <!-- Left Menu -->
     <div class="bg-[#f4f4f4] z-20 w-full md:max-w-xs fixed md:sticky md:top-0 md:flex md:flex-col top-0">
       <div class="sticky top-20 z-30 bg-[#f4f4f4]">
         <div class="flex flex-col items-center md:items-start md:pl-4 mt-16">
           <h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
-          
+
           <div class="relative flex items-center md:mt-0 w-full">
             <!-- Navigation buttons for small screens -->
             <button @click="scrollLeftFunc"
                     class="rounded p-1 absolute left-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl ">
               <v-icon>mdi-chevron-left</v-icon>
             </button>
-            
+
             <div
                 ref="scrollContainer"
                 class="flex md:flex-col space-x-2 space-y-0 md:space-x-0 md:space-y-2 p-4 items-center md:items-start overflow-x-scroll md:overflow-x-visible mx-2 md:mx-0 custom-scroll min-w-[400px] px-1"
@@ -20,29 +21,34 @@
                 @mouseleave="mouseLeave"
                 @mouseup="mouseUp"
                 @mousemove="mouseMove">
+
               <v-btn variant="text" @click="currentComponent = 'PageInformations'">
                 <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
                 Informations de votre page
               </v-btn>
+
               <v-btn variant="text" @click="currentComponent = 'PersonnalInfo'">
                 <v-icon class="mr-2">mdi-information</v-icon>
                 Informations personnelles
               </v-btn>
+
               <v-btn variant="text" @click="currentComponent = 'ManageAccount'">
                 <v-icon class="mr-2">mdi-account</v-icon>
                 Gestion de Comptes
               </v-btn>
+
               <v-btn variant="text" @click="currentComponent = 'AccountSecurity'">
                 <v-icon class="mr-2">mdi-security</v-icon>
                 Sécurité
               </v-btn>
+
             </div>
             <button @click="scrollRightFunc"
                     class="rounded p-1 absolute right-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl">
               <v-icon>mdi-chevron-right</v-icon>
             </button>
           </div>
-        
+
         </div>
       </div>
     </div>
@@ -50,33 +56,30 @@
     <!-- Mid Content -->
     <div class="flex flex-col flex-1 align-center py-12 p-3 mt-28 md:mt-0">
       <template v-if="currentComponent === 'ManageAccount'">
-        <ManageAccount/>
+        <manage-account></manage-account>
       </template>
       <template v-else-if="currentComponent === 'PageInformations'">
-        <PageInformations/>
+        <page-informations></page-informations>
       </template>
       <template v-else-if="currentComponent === 'PersonnalInfo'">
-        <PersonnalInfo/>
+        <personnal-info></personnal-info>
       </template>
       <template v-else-if="currentComponent === 'AccountSecurity'">
-        <AccountSecurity/>
+        <account-security></account-security>
       </template>
     </div>
   </div>
-  
+
 </template>
 
 <script setup>
 import {ref, onMounted} from "vue";
-import {useUserStore} from "@/stores/userStore.js";
 import ManageAccount from "@/views/Profile/ManageAccount.vue";
 import PageInformations from "@/views/Profile/PageInformations.vue";
 import PersonnalInfo from "@/views/Profile/PersonnalInfo.vue";
 import AccountSecurity from "@/views/Profile/AccountSecurity.vue";
 
-const userStore = useUserStore();
-
-const currentComponent = ref('PageInformations'); // Default component
+const currentComponent = ref('PersonnalInfo'); // Default component
 const isDown = ref(false);
 const startX = ref(0);
 const scrollLeft = ref(0);

From 906fb704b691de4bed941887d2afbeee19bb5685 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 7 Aug 2024 21:47:47 -0400
Subject: [PATCH 066/109] Update post btn

---
 src/views/contents/ContentCard.vue          |  1 +
 src/views/contents/PublishContentButton.vue | 86 ++++++++++++---------
 src/views/creators/CreatorBanner.vue        |  2 +-
 3 files changed, 50 insertions(+), 39 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index aa9b2b2..cf2715e 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -27,6 +27,7 @@
         <div>
           {{ props.content.description }}
         </div>
+        
       </v-card-title>
       
 
diff --git a/src/views/contents/PublishContentButton.vue b/src/views/contents/PublishContentButton.vue
index 7eacd4b..01c771e 100644
--- a/src/views/contents/PublishContentButton.vue
+++ b/src/views/contents/PublishContentButton.vue
@@ -2,7 +2,7 @@
 import {useClient} from '@/plugins/api.js';
 import {ref} from 'vue';
 import {useUserStore} from '@/stores/userStore.js';
-import {v7} from 'uuid'
+import {v7} from 'uuid';
 
 const props = defineProps({
   creator: {type: Object, required: true},
@@ -15,10 +15,9 @@ const isDialogActive = ref(false);
 const client = useClient();
 const title = ref('');
 const message = ref('');
-const files = ref([])
+const files = ref([]);
 
 async function publishPost() {
-
   const formData = new FormData();
   formData.append('id', v7());
   formData.append('creatorId', userStore.user.id);
@@ -36,29 +35,27 @@ async function publishPost() {
           headers: {
             'Content-Type': 'multipart/form-data',
           }
-        })
-    
-    closeDialog()
+        }
+    );
+    closeDialog();
   } catch (error) {
-    console.error(error)
+    console.error(error);
   }
 }
 
 const cancelPost = () => {
-  closeDialog()
+  closeDialog();
 }
 
 const closeDialog = () => {
-  isDialogActive.value = false
-  title.value = ''
-  message.value = ''
-  files.value = []
+  isDialogActive.value = false;
+  title.value = '';
+  message.value = '';
+  files.value = [];
 }
-
 </script>
 
 <template>
-
   <button
       v-if="creator && userStore.user && creator.id === userStore.user.id"
       class="flex items-center text-white transform transition-transform duration-200 hover:text-gray-300 hover:scale-125 px-4"
@@ -66,20 +63,33 @@ const closeDialog = () => {
     <v-icon style="font-size: 35px; height: 35px; width: 55px;">mdi-text-box-plus-outline</v-icon>
   </button>
 
-  <v-dialog v-model="isDialogActive"
-            max-width="500">
-
+  <v-dialog v-model="isDialogActive" max-width="500">
     <v-form>
-
-      <v-card class="text-center rounded-xl">
-
-        <v-card-title class="text-white p-4 rounded-t"
-                      :style="{backgroundColor: creator.colors.menu || '#A30E79'}">
+      <v-card class="text-center rounded-xl"
+              :style="{ 
+                border: `3px solid ${creator.colors.menu}` 
+              }">
+        
+        <div class="py-4 text-2xl font-bold  border-b mb-2">
           Quicky
-        </v-card-title>
+        </div>
 
+        <div class="flex flex-row align-center px-3">
+          <img
+              :src="userStore.portraitUrl"
+              alt="Profile Image"
+              class="rounded-full"
+              width="40"
+              height="40"
+              :style="{ 
+                border: `2px solid ${creator.colors.accent}` 
+              }">
+          <div class="capitalize px-2 text-2xl">{{ userStore.creator.name }}</div>
+          <v-btn icon @click="cancelPost" class="ml-auto" variant="text">
+            <v-icon>mdi-close</v-icon>
+          </v-btn>
+        </div>
         <v-card-text>
-
           <v-text-field v-model="title"
                         class="p-2"
                         label="Titre"
@@ -100,26 +110,26 @@ const closeDialog = () => {
           ></v-textarea>
 
           <v-file-input v-model="files"
-                        label="Ajoutez des fichiers"
-                        class="p-2"
-                        outlined
+                        label="Glissez vos images"
+                        class="p-2 custom-file-input"
+                        variant="outlined"
                         multiple
                         dropzone
-                        placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"
-          ></v-file-input>
+                        prepend-icon=""
+                        placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"                        
+          ></v-file-input>      
+
+          <v-btn variant="outlined" :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }" @click="publishPost" class="w-full">
+            Publier
+          </v-btn>
+          
+          
+
 
         </v-card-text>
-
-        <v-card-actions class="justify-end">
-          <v-btn color="secondary" @click="cancelPost">Annuler</v-btn>
-          <v-btn color="primary" @click="publishPost">Publier</v-btn>
-        </v-card-actions>
-
       </v-card>
-
     </v-form>
-
   </v-dialog>
-
 </template>
 
+
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 11d2081..4e77930 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -45,7 +45,7 @@
                 class="rounded-full border-solid border-2 z-20 lg:max-w-[200px] max-w-[200px] h-auto"
                 :src="creator.images.logo"
                 alt="Profile Picture"
-                :style="{ borderColor: creator.colors.accent || '#A30E79', height: '150px' /* Adjust the height here */ }"
+                :style="{ borderColor: creator.colors.accent || '#A30E79', height: '150px'}"
             />
           </div>
         </div>

From 31f186ada9bc22d1a991e42ba3094f8ef4cd300f Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Wed, 7 Aug 2024 23:50:21 -0400
Subject: [PATCH 067/109] Update about

---
 src/views/creators/CreatorAbout.vue | 34 +++++++++++++++++++----------
 1 file changed, 22 insertions(+), 12 deletions(-)

diff --git a/src/views/creators/CreatorAbout.vue b/src/views/creators/CreatorAbout.vue
index 4b8072d..a33dbce 100644
--- a/src/views/creators/CreatorAbout.vue
+++ b/src/views/creators/CreatorAbout.vue
@@ -10,22 +10,32 @@
     </button>
 
     <v-dialog v-model="AboutUs" max-width="500px">
-      <v-card>
+      <v-form>
+        <v-card class="text-center rounded-xl"
+                :style="{ 
+                border: `3px solid ${creator.colors.menu}` 
+              }">
 
-        <v-card-title>
-          {{ creator.about.title }}
-        </v-card-title>
+          <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
+            <div class="flex-1 text-center">
+              {{ creator.about.title }}
+            </div>
 
-        <v-card-text class="scrollable-content">
-          {{ creator.about.description }}
-        </v-card-text>
+            <v-btn icon @click="cancelPost" class="ml-auto mr-2" variant="text">
+              <v-icon>mdi-close</v-icon>
+            </v-btn>
+          </div>
 
-        <v-card-actions>
-          <v-spacer></v-spacer>
-          <v-btn text class="ml-auto" @click="AboutUs = false">Fermer</v-btn>
-        </v-card-actions>
+          <v-card-text class="scrollable-content">
+            {{ creator.about.description }}
+          </v-card-text>
 
-      </v-card>
+          <div class="p-4">
+            <v-btn variant="outlined" text class=" w-full" @click="AboutUs = false" :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }">Fermer</v-btn>
+          </div>
+
+        </v-card>
+      </v-form>
     </v-dialog>
 
   </div>

From 6409303139d82d09a59af4f094bd2d78ab2cee69 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 8 Aug 2024 00:59:10 -0400
Subject: [PATCH 068/109] Tweaking banner component

---
 src/views/creators/CreatorAbout.vue    |  2 +-
 src/views/creators/CreatorBanner.vue   | 24 +++++---
 src/views/creators/SubscribeButton.vue | 80 ++++++++++++++++++--------
 3 files changed, 73 insertions(+), 33 deletions(-)

diff --git a/src/views/creators/CreatorAbout.vue b/src/views/creators/CreatorAbout.vue
index a33dbce..7a09a7b 100644
--- a/src/views/creators/CreatorAbout.vue
+++ b/src/views/creators/CreatorAbout.vue
@@ -21,7 +21,7 @@
               {{ creator.about.title }}
             </div>
 
-            <v-btn icon @click="cancelPost" class="ml-auto mr-2" variant="text">
+            <v-btn icon @click="AboutUs = false" class="ml-auto mr-2" variant="text">
               <v-icon>mdi-close</v-icon>
             </v-btn>
           </div>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 4e77930..d83e280 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -39,6 +39,7 @@
       <div class="flex flex-col items-center lg:flex-row lg:items-center lg:justify-between">
         <!-- Profile Image Wrapper -->
         <div class="relative flex justify-center lg:w-auto lg:justify-start">
+          
           <!-- Profile Image -->
           <div class="absolute lg:ml-72 transform -translate-y-1/2 lg:-translate-y-1/2 z-20">
             <img
@@ -53,20 +54,27 @@
         <!-- User Info -->
         <div class="mt-2 flex flex-col items-center lg:items-start lg:ml-64">
           <div class="text-3xl font-bold text-center lg:text-left md:mt-24 lg:mt-0 sm:mt-24 mt-24 text-white cap ">
-            <p class="capitalize">{{ creator.name }}</p>
+            <p class="capitalize ">{{ creator.name }} </p>
+            <div class="text-lg text-white">{{ creator.subscriberCount }} Abonnés</div>
           </div>
-          <div class="text-lg text-white">{{ creator.subscriberCount }} Abonnés</div>
         </div>
 
+        <div class="px-6 mt-2">
+          <subscribe-button :creator="creator"></subscribe-button>
+        </div>
+        
+       
+
+
+        <div class="flex flex-row align-center">
+       
+         
+        </div>
         <!-- Buttons -->
         <div class="flex flex-wrap items-center  mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
-
-          <creator-about :creator="creator"></creator-about>
-
-          <subscribe-button :creator="creator"></subscribe-button>
-
           <publish-content-button :creator="creator"></publish-content-button>
-          
+          <div class="text-white text-2xl">{{ creator.about.title }}</div>
+          <creator-about :creator="creator"></creator-about>     
         </div>
       </div>
     </div>
diff --git a/src/views/creators/SubscribeButton.vue b/src/views/creators/SubscribeButton.vue
index f7e32e3..567460a 100644
--- a/src/views/creators/SubscribeButton.vue
+++ b/src/views/creators/SubscribeButton.vue
@@ -1,53 +1,85 @@
 <script setup>
 import {useSubscriptionStore} from "@/stores/subscriptionStore.js";
-import {computed} from "vue";
+import {computed, ref} from "vue";
 
 const props = defineProps({
   creator: {type: Object, required: true},
 });
 
-const subscriptionStore = useSubscriptionStore()
+const subscriptionStore = useSubscriptionStore();
 
-const isSubscribe = computed(() => !subscriptionStore.isSubscribeTo(props.creator.id))
+const isSubscribe = computed(() => !subscriptionStore.isSubscribeTo(props.creator.id));
 
 function subscribeToCreator() {
-  subscriptionStore.subscribeTo(props.creator.id)
+  subscriptionStore.subscribeTo(props.creator.id);
 }
 
+// Référence pour contrôler l'affichage du modal
+const showUnsubscribeModal = ref(false);
+
 function unsubscribeFromCreator() {
-  subscriptionStore.unsubscribeFrom(props.creator.id)
+  subscriptionStore.unsubscribeFrom(props.creator.id);
+  // Fermer le modal après désabonnement
+  showUnsubscribeModal.value = false;
 }
-
 </script>
 
 <template>
-  
   <template v-if="isSubscribe">
-    <v-btn class="action mr-4"
-           @click="subscribeToCreator()"
-           style="transition: background-color 0.3s ease;">
+    <v-btn
+        class="action mr-4"
+        variant="outlined"
+        @click="subscribeToCreator"
+        color="white"
+    >
       S'ABONNER
     </v-btn>
   </template>
-  
+
   <template v-else>
-    <v-btn class="action mr-4"
-           @click="unsubscribeFromCreator()"
-           style="transition: background-color 0.3s ease;">
+    <v-btn
+        class="action mr-4"
+        variant="outlined"
+        @click="showUnsubscribeModal = true"
+        style="transition: background-color 0.3s ease;"
+        color="white"
+    >
       SE DESABONNER
     </v-btn>
   </template>
-  
+
+  <v-dialog v-model="showUnsubscribeModal" max-width="500">
+    <v-card class="text-center rounded-xl"
+            :style="{ 
+                border: `3px solid ${creator.colors.menu}` 
+              }">
+
+      <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
+        <div class="flex-1 text-center">
+          Déabonnement
+        </div>
+      </div>
+
+      <v-card-title>Confirmation</v-card-title>
+      <v-card-text>Êtes-vous sûr de vouloir vous désabonner ?</v-card-text>
+      <v-card-actions class="justify-center px-4 pb-4">
+        <v-btn text class="flex-grow-1" variant="outlined"
+               style="background-color: rgba(255, 255, 255, 0.1); color: rgba(0, 0, 0, 0.4);"
+               @click="unsubscribeFromCreator">Oui
+        </v-btn>
+
+        <v-btn color="secondary" class="flex-grow-1"
+               :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }" variant="outlined"
+               @click="showUnsubscribeModal = false "> <div :style="{color: creator.colors.menu}">non</div>
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
 </template>
 
 <style scoped>
-
 .action {
-    @apply py-2  px-4 rounded bg-gray-100 hover:bg-gray-300
- }
-
-
-
-
-
-</style>
\ No newline at end of file
+  @apply py-2 px-4 rounded;
+  border: 1px solid currentColor;
+}
+</style>

From 26cff723a0735118d0383b4646d36619d6d7c58d Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 8 Aug 2024 12:09:49 -0400
Subject: [PATCH 069/109] Added information to create your page.

---
 .../PageInformations/CreateCreator.vue        | 71 +++++++++++++++++++
 src/views/Profile/PageInformations.vue        | 57 +++++++++++++--
 src/views/main/Header.vue                     |  6 ++
 3 files changed, 127 insertions(+), 7 deletions(-)
 create mode 100644 src/views/Profile/Dialogs/PageInformations/CreateCreator.vue

diff --git a/src/views/Profile/Dialogs/PageInformations/CreateCreator.vue b/src/views/Profile/Dialogs/PageInformations/CreateCreator.vue
new file mode 100644
index 0000000..4efc779
--- /dev/null
+++ b/src/views/Profile/Dialogs/PageInformations/CreateCreator.vue
@@ -0,0 +1,71 @@
+<script setup>
+import {ref} from 'vue'
+
+const props = defineProps({
+  creator: {type: Object, required: true},
+});
+
+const isDialogActive = ref(false);
+
+
+const cancel = () => {
+  closeDialog();
+};
+
+const closeDialog = () => {
+  isDialogActive.value = false;
+}
+
+const CreateCreator = () => {
+
+};
+</script>
+
+<template>
+  <div class="text-center">
+    <div class="py-4 text-2xl font-bold border-b mb-2 flex flex-row items-center">
+      <div class="flex-grow text-center">Informations pour votre</div>
+      <v-btn icon @click="cancelPost" class="ml-auto" variant="text">
+        <v-icon>mdi-close</v-icon>
+      </v-btn>
+    </div>
+
+    <div class="flex flex-row align-center">
+      <v-text-field
+          variant="outlined"
+          v-model="Nom"
+          label="Nom"
+          outlined
+      ></v-text-field>
+    </div>
+
+    <div class="flex flex-row align-center">
+      <v-text-field
+          variant="outlined"
+          v-model="Titre"
+          label="Titre"
+          outlined
+      ></v-text-field>
+    </div>
+
+    <div class="flex flex-row align-center">
+      <v-textarea
+          variant="outlined"
+          v-model="Description"
+          label="Description"
+          outlined
+      ></v-textarea>
+    </div>
+
+    <div class="flex justify-end space-x-4">
+      <v-btn
+          variant="outlined"
+          @click="CreateCreator"
+          class="w-full mb-5"
+          :style="{ borderColor: 'rgb(159, 76, 173)', color: 'rgb(159, 76, 173)' }"
+      >
+        Créer
+      </v-btn>
+    </div>
+  </div>
+</template>
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 16e6b8f..4f3a6d1 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -6,6 +6,7 @@ import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.
 import ColorsPicker from '@/views/Profile/Dialogs/PageInformations/ColorsPicker.vue'
 import LogoPicker from "@/views/Profile/Dialogs/PageInformations/LogoPicker.vue"
 import About from "@/views/Profile/Dialogs/PageInformations/About.vue";
+import CreateCreator from "@/views/Profile/Dialogs/PageInformations/CreateCreator.vue";
 
 const userStore = useUserStore()
 
@@ -18,7 +19,8 @@ const componentsMap = {
   LogoPicker,
   Socials,
   ColorsPicker,
-  About
+  About,
+  CreateCreator
 };
 
 const openDialog = (component, colorName = null) => {
@@ -37,30 +39,71 @@ const closeDialog = () => {
 <template>
 
   <v-dialog v-model="dialog" max-width="800px">
-    <v-card>
+    <v-card :style="{ borderRadius: '25px', border: '3px solid rgb(159, 76, 173)' }">
       <v-card-text>
         <component :is="currentComponent"
                    :creator="userStore.creator"
                    :colorName="colorToEdit"
-                   @closeRequested="closeDialog()"
+                   @closeRequested="closeDialog()
+"
         ></component>
       </v-card-text>
     </v-card>
   </v-dialog>
 
+<!--  Lorsque l'utilisateur n'a pas de creator name-->
   <div class="flex flex-col items-center w-full">
     <h1 class="uppercase pb-5 text-2xl">
       <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
       Informations de votre page
     </h1>
 
+    <div v-if="userStore.creator.name == null">
+      <div class="my-10 border rounded-2xl w-full max-w-[800px]">
+
+        <div class="py-5 uppercase ml-4 px-4">Informations pour pour votre page</div>
+        <div class="flex flex-col w-full">
+          <button
+              @click="openDialog('CreateCreator')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+            <span class="flex-none pa-2 min-w-32 text-left">Nom  (Unique) </span>
+            <span class="flex-auto text-left pr-6">Vous devez vous assurer de choisir un nom unique ou d'utiliser votre propre nom. Cela est important car c'est votre nom de marque, celui que vous allez présenter aux gens. Par exemple, notre projet s'appelle Hutopy, nous avons donc utilisé ce nom pour notre page officielle sur la plateforme.</span>
+            <span class="flex-none">  
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('CreateCreator')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+            <span class="flex-none pa-2 min-w-32 text-left">Titre</span>
+            <span class="flex-auto text-left pr-6">Le titre doit refléter ce que vous souhaitez mettre en avant sur la plateforme, ce que vous voulez présenter comme contenu ou la raison de votre présence sur la plateforme. Par exemple, des artistes pourraient écrire chanteur, danseur, peintre ou autre. Une entreprise pourrait indiquer son activité. Dans notre cas, pour Hutopy, c'est 'Créer un monde meilleur'. </span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('CreateCreator')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
+            <span class="pa-2 min-w-32 text-left">Description</span>
+            <span class="flex-auto text-left pr-6">Pour la description, c'est un espace où vous pouvez écrire ce que vous souhaitez : décrire votre page, le service que vous offrez, la raison de votre présence sur la plateforme, votre historique... Vous choisissez ! Dans notre cas, pour Hutopy, nous sommes ici afin de créer une plateforme sur laquelle les gens pourront s'exprimer et créer, tout en étant respectés et non exploités. </span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+        </div>
+      </div>
+      
+    </div>
+    
+<!--    Si la personne a une creator name-->
+  <div v-if="userStore.creator.name != null">
     <!-- Nom de la page créateur -->
     <div class="my-10 border rounded-2xl w-full max-w-[800px]">
 
       <div class="py-5 uppercase ml-4">Informations</div>
-
       <div class="flex flex-col w-full">
-
         <button
             @click="openDialog('Socials')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
@@ -70,7 +113,7 @@ const closeDialog = () => {
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
-
+        
         <button
             @click="openDialog('About')"
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
@@ -90,7 +133,6 @@ const closeDialog = () => {
             <v-icon>mdi-chevron-right</v-icon>
           </span>
         </button>
-
       </div>
     </div>
 
@@ -247,6 +289,7 @@ const closeDialog = () => {
       </div>
     </div>
   </div>
+  </div>
 
 </template>
 
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 80c978a..ea73836 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -83,6 +83,12 @@
                 </router-link>
               </v-list-item>
 
+              <v-list-item v-if="userStore.creator && !Object.keys(userStore.creator).length > 0" class="nav-button">
+                <router-link :to="`/@${userStore.creator.name}`">
+                  <v-btn class="w-100 " variant="plain">Activer votre page </v-btn>
+                </router-link>
+              </v-list-item>
+
               <v-list-item class="nav-button">
                 <v-list-item-title>
                   <v-btn to="/profile" class="w-100" variant="plain">Mon profil</v-btn>

From 16af6d62e727e9c6c387ccee61040ffe06f94a59 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Thu, 8 Aug 2024 13:10:31 -0400
Subject: [PATCH 070/109] Added limit to logo Image

---
 .../Dialogs/PageInformations/LogoPicker.vue        | 14 +++++++++-----
 src/views/Profile/PageInformations.vue             |  4 ++--
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue b/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
index 3240138..30bf63d 100644
--- a/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
+++ b/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
@@ -3,11 +3,15 @@
     Logo
   </h2>
 
-  <img
-      :src="fileUrl"
-      class="mb-5 w-full transition duration-200 ease-in-out transform"
-      alt="Aperçu de la bannière"
-  >
+  <div class="flex justify-center mb-5">
+    <img
+        :src="fileUrl"
+        class="w-full transition duration-200 ease-in-out transform max-w-[400px]"
+        alt="Aperçu de la bannière"
+    />
+  </div>
+
+
 
   <v-file-input
       v-model="selectedFile"
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/PageInformations.vue
index 4f3a6d1..347355a 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/PageInformations.vue
@@ -105,10 +105,10 @@ const closeDialog = () => {
       <div class="py-5 uppercase ml-4">Informations</div>
       <div class="flex flex-col w-full">
         <button
-            @click="openDialog('Socials')"
+       
             class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
           <span class="flex-none pa-2 min-w-32 text-left">Nom</span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.name }}</span>
+          <span class="flex-auto text-left pr-6 capitalize">{{ userStore.creator.name }}</span>
           <span class="flex-none">  
             <v-icon>mdi-chevron-right</v-icon>
           </span>

From 02640da2b0503566f81f69c29043a29d94dedb48 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 9 Aug 2024 01:22:18 -0400
Subject: [PATCH 071/109] Ui Added Like dislike and comments icons. I Hide the
 comments.

---
 src/views/contents/ContentCard.vue | 124 ++++++++++++++++++++++-------
 1 file changed, 96 insertions(+), 28 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index cf2715e..4bb10ea 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -1,37 +1,53 @@
 <template>
   <div class="shadow-md rounded-2xl bg-gray-50 border custom-border">
     <div>
-      
       <v-card-title>
-        <div class="flex flex-row">
-        <div>
-          <img
-              :src="props.content.createdByPortraitUrl"
-              alt="Profile Image"
-              class="rounded-full"
-              width="32px"
-              height="32px">
-        </div>
-          
-          <div class="capitalize px-2">
-          {{ props.content.createdByName }}
+        <div class="flex flex-row justify-between items-center">
+          <div class="flex items-center">
+            <img
+                :src="props.content.createdByPortraitUrl"
+                alt="Profile Image"
+                class="rounded-full"
+                width="32px"
+                height="32px">
+            <div class="capitalize px-2">
+              {{ props.content.createdByName }}
+            </div>
+            <span class="text-subtitle-2 mt-1">
+              {{ time_ago(props.content.createdAt) }}
+            </span>
           </div>
-        <span class="text-subtitle-2 mt-1">
-          {{ time_ago(props.content.createdAt) }}
-        </span>
-       
+
+          <v-menu>
+            <template v-slot:activator="{ props }">
+              <v-btn variant="plain" v-bind="props">
+                <v-icon>mdi-dots-vertical</v-icon>
+              </v-btn>
+            </template>
+            <v-list>
+              <v-list-item @click="editContent">
+                <v-list-item-title>Modifier le contenu</v-list-item-title>
+              </v-list-item>
+              <v-list-item @click="deleteContent">
+                <v-list-item-title>Effacer le contenu</v-list-item-title>
+              </v-list-item>
+              <v-list-item @click="reportContent">
+                <v-list-item-title>Reporter le contenu</v-list-item-title>
+              </v-list-item>
+            </v-list>
+          </v-menu>
         </div>
         <div class="uppercase">
-        {{ props.content.title }}
+          {{ props.content.title }}
         </div>
         <div>
           {{ props.content.description }}
         </div>
-        
       </v-card-title>
-      
 
-      <v-carousel v-if="hasUrls" hide-delimiter-background show-arrows="hover">
+      <router-link :to="'content/' + props?.content?.id">
+      </router-link>
+      <v-carousel hide-delimiters v-if="hasUrls" :show-arrows="props.content.urls.length > 1" :show-indicators="props.content.urls.length > 1">
         <v-carousel-item
             v-for="url in props.content.urls"
             :key="url"
@@ -43,12 +59,29 @@
     </div>
 
     <div class="px-4">
-      <div>
+      <div class="flex justify-around py-2">
+        <v-btn variant="plain" icon @click="likeContent">
+          <v-icon>mdi-thumb-up-outline</v-icon>
+        </v-btn>
+        <v-btn variant="plain" icon @click="dislikeContent">
+          <v-icon>mdi-thumb-down-outline</v-icon>
+        </v-btn>
+        <v-btn
+            :class="{'comment-active': hasComments}"
+            variant="plain"
+            icon
+            @click="toggleComments"
+        >
+          <v-icon>mdi-comment-outline</v-icon>
+        </v-btn>
+      </div>
+   
+      <div :class="{'hidden': !commentsVisible}">
         <h2 class="font-sans font-semibold mt-2">Commentaires</h2>
         <message-list :subject-id="props.content.id" :messages="messages"></message-list>
       </div>
 
-      <div class="py-2">
+      <div  class="py-2">
         <post-message :subject-id="props.content.id" @message-posted="addMessage"></post-message>
       </div>
     </div>
@@ -56,8 +89,8 @@
 </template>
 
 <script setup>
-import {computed, reactive} from 'vue';
-import {time_ago} from "@/internal_time_ago.js";
+import { computed, ref, onMounted } from 'vue';
+import { time_ago } from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
@@ -71,11 +104,26 @@ const props = defineProps({
 });
 
 const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
+const commentsVisible = ref(false);
+const messages = ref([]); 
 
-const messages = reactive([]);
+// Propriété calculée pour vérifier s'il y a des commentaires
+const hasComments = computed(() => messages.value.length > 0);
 
 function addMessage(newMessage) {
-  messages.unshift(newMessage);
+  messages.value.unshift(newMessage);
+}
+
+function toggleComments() {
+  commentsVisible.value = !commentsVisible.value;
+}
+
+function likeContent() {
+  console.log('Content liked');
+}
+
+function dislikeContent() {
+  console.log('Content disliked');
 }
 
 function getComponent(url) {
@@ -85,6 +133,18 @@ function getComponent(url) {
     return ImageViewer;
   }
 }
+
+function editContent() {
+  console.log('Modifier le contenu');
+}
+
+function deleteContent() {
+  console.log('Effacer le contenu');
+}
+
+function reportContent() {
+  console.log('Reporter le contenu');
+}
 </script>
 
 <style>
@@ -102,6 +162,14 @@ function getComponent(url) {
 }
 
 .custom-border {
-  border-color: #EAEBEC; 
+  border-color: #EAEBEC;
+}
+
+.hidden {
+  display: none;
+}
+
+.comment-active-v-icon {
+  color: #DB1AAA;
 }
 </style>

From b575bbc224294086848ad64b79d078af8c0df2da Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 9 Aug 2024 02:20:36 -0400
Subject: [PATCH 072/109] Update UI - You can watch the image in fullscreen in
 content page

---
 src/views/contents/ContentCard.vue |  29 +++---
 src/views/contents/ContentPage.vue | 136 ++++++++++++++++++++---------
 2 files changed, 113 insertions(+), 52 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 4bb10ea..c3dfbb8 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -45,13 +45,17 @@
         </div>
       </v-card-title>
 
-      <router-link :to="'content/' + props?.content?.id">
-      </router-link>
-      <v-carousel hide-delimiters v-if="hasUrls" :show-arrows="props.content.urls.length > 1" :show-indicators="props.content.urls.length > 1">
+      <v-carousel
+          hide-delimiters
+          v-if="hasUrls"
+          :show-arrows="props.content.urls.length > 1"
+          :show-indicators="props.content.urls.length > 1"
+      >
         <v-carousel-item
             v-for="url in props.content.urls"
             :key="url"
             class="image-container"
+            @click="redirectToContent"
         >
           <component :is="getComponent(url)" :src="url"></component>
         </v-carousel-item>
@@ -70,18 +74,17 @@
             :class="{'comment-active': hasComments}"
             variant="plain"
             icon
-            @click="toggleComments"
-        >
+            @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
         </v-btn>
       </div>
-   
+
       <div :class="{'hidden': !commentsVisible}">
         <h2 class="font-sans font-semibold mt-2">Commentaires</h2>
         <message-list :subject-id="props.content.id" :messages="messages"></message-list>
       </div>
-
-      <div  class="py-2">
+      
+      <div class="py-2">
         <post-message :subject-id="props.content.id" @message-posted="addMessage"></post-message>
       </div>
     </div>
@@ -89,7 +92,7 @@
 </template>
 
 <script setup>
-import { computed, ref, onMounted } from 'vue';
+import { computed, ref } from 'vue';
 import { time_ago } from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
@@ -105,13 +108,14 @@ const props = defineProps({
 
 const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
 const commentsVisible = ref(false);
-const messages = ref([]); 
+const messages = ref([]);
 
 // Propriété calculée pour vérifier s'il y a des commentaires
 const hasComments = computed(() => messages.value.length > 0);
 
 function addMessage(newMessage) {
   messages.value.unshift(newMessage);
+  commentsVisible.value = true;
 }
 
 function toggleComments() {
@@ -145,6 +149,10 @@ function deleteContent() {
 function reportContent() {
   console.log('Reporter le contenu');
 }
+
+function redirectToContent() {
+  window.location.href = `/content/${props.content.id}`;
+}
 </script>
 
 <style>
@@ -153,6 +161,7 @@ function reportContent() {
   justify-content: center;
   align-items: center;
   overflow: hidden;
+  cursor: pointer;
 }
 
 .image-container img {
diff --git a/src/views/contents/ContentPage.vue b/src/views/contents/ContentPage.vue
index 5c7e6db..26ac269 100644
--- a/src/views/contents/ContentPage.vue
+++ b/src/views/contents/ContentPage.vue
@@ -1,51 +1,76 @@
 <template>
+  <div class="flex h-screen">
 
-  <div class="flex flex-column w-full">
-
-    <div class="border-b-2 p-6 font-sans space-y-2">
-      <div v-if="data && data.uri">
-        Uri: {{ data?.uri }}
-      </div>
-      <div v-if="data && data.title" class="font-semibold">
-        Title: {{ data?.title }}
-      </div>
-      <div v-if="data && data.description">
-        Description: {{ data?.description }}
-      </div>
-      <div v-if="data && data.createdAt">
-        Date: {{ data?.createdAt }}
-      </div>
-      <div v-if="data && data.createdBy">
-        Creator: {{ data?.createdBy }}
-      </div>
+    <!-- Carousel section (left) -->
+    <div class="flex-1 flex items-center justify-center bg-neutral-500">
+      <v-carousel
+          v-if="data?.urls && data.urls.length > 0"
+          hide-delimiters
+          :show-arrows="data.urls.length > 1"
+          :show-indicators="data.urls.length > 1"
+          class="w-full h-full flex items-center justify-center"
+          
+      >
+        <v-carousel-item
+            v-for="url in data.urls"
+            :key="url"
+            class="flex items-center justify-center"
+        >
+          <component :is="getComponent(url)" :src="url" class="max-h-full max-w-full object-contain"></component>
+        </v-carousel-item>
+      </v-carousel>
     </div>
 
-    <div class="border-b-2 p-6">
-      <PostMessage :content-id="contentId">
-      </PostMessage>
-    </div>
+    <!-- Content details section (right) -->
+    <div class="fixed-width border-l-2 p-6 bg-white overflow-y-auto h-full">
 
-    <div class="border-b-2 p-6">
-      <h2 class="font-sans font-semibold">Commentaires</h2>
-      <MessageList :content-id="contentId">
-      </MessageList>
-    </div>
+      <!-- Content details -->
+      <div class="border-b-2 p-6 font-sans space-y-2">
+        <div v-if="data && data.uri">
+          Uri: {{ data?.uri }}
+        </div>
+        <div v-if="data && data.title" class="font-semibold">
+          Title: {{ data?.title }}
+        </div>
+        <div v-if="data && data.description">
+          Description: {{ data?.description }}
+        </div>
+        <div v-if="data && data.createdAt">
+          Date: {{ data?.createdAt }}
+        </div>
+        <div v-if="data && data.createdBy">
+          Creator: {{ data?.createdBy }}
+        </div>
+      </div>
 
+      <!-- Comments Section -->
+      <div class="border-b-2 p-6">
+        <h2 class="font-sans font-semibold">Commentaires</h2>
+        <MessageList :content-id="contentId"></MessageList>
+      </div>
+
+      <!-- Post a new message -->
+      <div class="border-b-2 p-6">
+        <PostMessage :content-id="contentId"></PostMessage>
+      </div>
+
+    </div>
   </div>
-
 </template>
 
-<script setup async>
+<script setup>
+import { ref, computed, onMounted, watch } from 'vue';
 import PostMessage from "@/views/messages/PostMessage.vue";
 import MessageList from "@/views/messages/MessageList.vue";
-import {useClient} from "@/plugins/api.js";
-import {onMounted, watch, ref, computed} from 'vue';
-import {useRoute} from 'vue-router';
+import YoutubePlayer from './YoutubePlayer.vue';
+import ImageViewer from './ImageViewer.vue';
+import { useClient } from "@/plugins/api.js";
+import { useRoute } from 'vue-router';
 
-const data = ref()
+const data = ref();
 
-const route = useRoute()
-const client = useClient()
+const route = useRoute();
+const client = useClient();
 
 const contentId = computed(() => {
   return route.params.contentId;
@@ -53,12 +78,12 @@ const contentId = computed(() => {
 
 const fetchContentData = async (contentId) => {
   try {
-    const response = await client.get(`/api/contents/${contentId}`)
-    data.value = response.data
+    const response = await client.get(`/api/contents/${contentId}`);
+    data.value = response.data;
   } catch (error) {
-    console.error(`Error fetching content: ${error}`)
+    console.error(`Error fetching content: ${error}`);
   }
-}
+};
 
 onMounted(() => {
   fetchContentData(contentId.value);
@@ -68,7 +93,34 @@ watch(contentId, (newContentId) => {
   fetchContentData(newContentId);
 });
 
+function getComponent(url) {
+  if (url.includes('youtube.com') || url.includes('youtu.be')) {
+    return YoutubePlayer;
+  } else if (url.match(/\.(jpeg|jpg|gif|png)$/)) {
+    return ImageViewer;
+  }
+}
 </script>
-  
-  
-  
+
+<style scoped>
+.fixed-width {
+  width: 400px;
+}
+
+.custom-border {
+  border-color: #EAEBEC;
+}
+
+.v-carousel-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.v-carousel-item img {
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+
+</style>

From 6ad08403090105ec2e73fb18c41ba0f40bf51983 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 9 Aug 2024 15:50:36 -0400
Subject: [PATCH 073/109] Added Goback Button for ContentPage

---
 src/views/contents/ContentPage.vue | 45 ++++++++++++++++--------------
 1 file changed, 24 insertions(+), 21 deletions(-)

diff --git a/src/views/contents/ContentPage.vue b/src/views/contents/ContentPage.vue
index 26ac269..0523fcd 100644
--- a/src/views/contents/ContentPage.vue
+++ b/src/views/contents/ContentPage.vue
@@ -1,15 +1,21 @@
 <template>
-  <div class="flex h-screen">
+  <div class="flex h-[calc(100vh-120px)]">
+    <!-- Section Carousel (gauche) -->
+    <div class="flex-1 flex items-center justify-center bg-neutral-500 max-h-screen relative">
+      <!-- Bouton "X" positionné dans le coin supérieur gauche -->
+      <div class="absolute top-8 left-0">
+        <v-btn @click="goBack" variant="plain"
+               class="rounded-full bg-gray-800 text-white w-12 h-12 flex items-center justify-center">
+          <v-icon class="text-black bg-white rounded-full" size="36">mdi-close</v-icon>
+        </v-btn>
+      </div>
 
-    <!-- Carousel section (left) -->
-    <div class="flex-1 flex items-center justify-center bg-neutral-500">
       <v-carousel
           v-if="data?.urls && data.urls.length > 0"
           hide-delimiters
           :show-arrows="data.urls.length > 1"
           :show-indicators="data.urls.length > 1"
           class="w-full h-full flex items-center justify-center"
-          
       >
         <v-carousel-item
             v-for="url in data.urls"
@@ -21,39 +27,32 @@
       </v-carousel>
     </div>
 
-    <!-- Content details section (right) -->
-    <div class="fixed-width border-l-2 p-6 bg-white overflow-y-auto h-full">
-
-      <!-- Content details -->
+    <!-- Section Détails (droite) -->
+    <div class="fixed-width border-l-2 p-6 bg-white overflow-y-auto max-h-screen">
+      <!-- Détails du contenu -->
       <div class="border-b-2 p-6 font-sans space-y-2">
-        <div v-if="data && data.uri">
-          Uri: {{ data?.uri }}
+        <!-- Accéder à createdByName -->
+        <div v-if="data && data.createdByName">
+          Créé par: {{ data.createdByName }}
         </div>
         <div v-if="data && data.title" class="font-semibold">
-          Title: {{ data?.title }}
+          Titre: {{ data.title }}
         </div>
         <div v-if="data && data.description">
-          Description: {{ data?.description }}
-        </div>
-        <div v-if="data && data.createdAt">
-          Date: {{ data?.createdAt }}
-        </div>
-        <div v-if="data && data.createdBy">
-          Creator: {{ data?.createdBy }}
+          Description: {{ data.description }}
         </div>
       </div>
 
-      <!-- Comments Section -->
+      <!-- Section Commentaires -->
       <div class="border-b-2 p-6">
         <h2 class="font-sans font-semibold">Commentaires</h2>
         <MessageList :content-id="contentId"></MessageList>
       </div>
 
-      <!-- Post a new message -->
+      <!-- Poster un nouveau message -->
       <div class="border-b-2 p-6">
         <PostMessage :content-id="contentId"></PostMessage>
       </div>
-
     </div>
   </div>
 </template>
@@ -85,6 +84,10 @@ const fetchContentData = async (contentId) => {
   }
 };
 
+function goBack() {
+  window.history.go(-1);
+}
+
 onMounted(() => {
   fetchContentData(contentId.value);
 });

From 1a1dcbd577f7392fdca1167d388dbe4c01f9e122 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Fri, 9 Aug 2024 16:21:11 -0400
Subject: [PATCH 074/109] Fix arrows

---
 src/views/contents/ContentPage.vue | 110 +++++++++++++++++------------
 1 file changed, 64 insertions(+), 46 deletions(-)

diff --git a/src/views/contents/ContentPage.vue b/src/views/contents/ContentPage.vue
index 0523fcd..c2f2de8 100644
--- a/src/views/contents/ContentPage.vue
+++ b/src/views/contents/ContentPage.vue
@@ -1,37 +1,44 @@
 <template>
-  <div class="flex h-[calc(100vh-120px)]">
-    <!-- Section Carousel (gauche) -->
+  <div class="flex h-[calc(100vh-118px)] -mt-2">
+
+    <!-- Homemade carousel -->
     <div class="flex-1 flex items-center justify-center bg-neutral-500 max-h-screen relative">
-      <!-- Bouton "X" positionné dans le coin supérieur gauche -->
-      <div class="absolute top-8 left-0">
+
+      <!-- Blur image BG (désactivation des interactions) -->
+      <div class="absolute inset-0 z-0 bg-cover bg-center blur-lg pointer-events-none"
+           :style="{ backgroundImage: `url(${currentImage})` }"></div>
+
+      <!-- back Btn -->
+      <div class="absolute top-8 left-4 z-20">
         <v-btn @click="goBack" variant="plain"
-               class="rounded-full bg-gray-800 text-white w-12 h-12 flex items-center justify-center">
+               class="rounded-full text-white w-12 h-12 flex items-center justify-center">
           <v-icon class="text-black bg-white rounded-full" size="36">mdi-close</v-icon>
         </v-btn>
       </div>
 
-      <v-carousel
-          v-if="data?.urls && data.urls.length > 0"
-          hide-delimiters
-          :show-arrows="data.urls.length > 1"
-          :show-indicators="data.urls.length > 1"
-          class="w-full h-full flex items-center justify-center"
-      >
-        <v-carousel-item
-            v-for="url in data.urls"
-            :key="url"
-            class="flex items-center justify-center"
-        >
-          <component :is="getComponent(url)" :src="url" class="max-h-full max-w-full object-contain"></component>
-        </v-carousel-item>
-      </v-carousel>
+      <!-- Left arrow collée à gauche -->
+      <div v-if="multipleImages" class="absolute left-0 top-1/2 transform -translate-y-1/2 z-20">
+        <v-btn @click="previousImage" variant="plain" class="rounded-full bg-gray-800 text-white w-12 h-12">
+          <v-icon size="36">mdi-chevron-left</v-icon>
+        </v-btn>
+      </div>
+
+      <div class="flex items-center justify-center w-full h-full z-10">
+        <img :src="currentImage" alt="Image" class="max-w-full max-h-full object-contain" />
+      </div>
+
+      <!-- right arrow -->
+      <div v-if="multipleImages" class="absolute right-4 top-1/2 transform -translate-y-1/2 z-10">
+        <v-btn @click="nextImage" variant="plain" class="rounded-full bg-gray-800 text-white w-12 h-12">
+          <v-icon size="36">mdi-chevron-right</v-icon>
+        </v-btn>
+      </div>
     </div>
 
-    <!-- Section Détails (droite) -->
+    <!-- Info -->
     <div class="fixed-width border-l-2 p-6 bg-white overflow-y-auto max-h-screen">
-      <!-- Détails du contenu -->
+
       <div class="border-b-2 p-6 font-sans space-y-2">
-        <!-- Accéder à createdByName -->
         <div v-if="data && data.createdByName">
           Créé par: {{ data.createdByName }}
         </div>
@@ -43,13 +50,13 @@
         </div>
       </div>
 
-      <!-- Section Commentaires -->
+
       <div class="border-b-2 p-6">
         <h2 class="font-sans font-semibold">Commentaires</h2>
         <MessageList :content-id="contentId"></MessageList>
       </div>
 
-      <!-- Poster un nouveau message -->
+
       <div class="border-b-2 p-6">
         <PostMessage :content-id="contentId"></PostMessage>
       </div>
@@ -57,16 +64,18 @@
   </div>
 </template>
 
+
+
+
 <script setup>
 import { ref, computed, onMounted, watch } from 'vue';
 import PostMessage from "@/views/messages/PostMessage.vue";
 import MessageList from "@/views/messages/MessageList.vue";
-import YoutubePlayer from './YoutubePlayer.vue';
-import ImageViewer from './ImageViewer.vue';
 import { useClient } from "@/plugins/api.js";
 import { useRoute } from 'vue-router';
 
 const data = ref();
+const currentImageIndex = ref(0);
 
 const route = useRoute();
 const client = useClient();
@@ -75,6 +84,15 @@ const contentId = computed(() => {
   return route.params.contentId;
 });
 
+const currentImage = computed(() => {
+  return data.value?.urls[currentImageIndex.value] || '';
+});
+
+// Calculer si on a plus d'une image
+const multipleImages = computed(() => {
+  return data.value?.urls.length > 1;
+});
+
 const fetchContentData = async (contentId) => {
   try {
     const response = await client.get(`/api/contents/${contentId}`);
@@ -88,6 +106,18 @@ function goBack() {
   window.history.go(-1);
 }
 
+function nextImage() {
+  if (data.value?.urls.length > 0) {
+    currentImageIndex.value = (currentImageIndex.value + 1) % data.value.urls.length;
+  }
+}
+
+function previousImage() {
+  if (data.value?.urls.length > 0) {
+    currentImageIndex.value = (currentImageIndex.value - 1 + data.value.urls.length) % data.value.urls.length;
+  }
+}
+
 onMounted(() => {
   fetchContentData(contentId.value);
 });
@@ -95,35 +125,23 @@ onMounted(() => {
 watch(contentId, (newContentId) => {
   fetchContentData(newContentId);
 });
-
-function getComponent(url) {
-  if (url.includes('youtube.com') || url.includes('youtu.be')) {
-    return YoutubePlayer;
-  } else if (url.match(/\.(jpeg|jpg|gif|png)$/)) {
-    return ImageViewer;
-  }
-}
 </script>
 
+
 <style scoped>
 .fixed-width {
   width: 400px;
 }
 
-.custom-border {
-  border-color: #EAEBEC;
+.v-btn {
+  transition: background-color 0.2s ease;
 }
 
-.v-carousel-item {
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.v-btn:hover {
+  background-color: #555;
 }
 
-.v-carousel-item img {
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
+.v-btn .v-icon {
+  color: white;
 }
-
 </style>

From 8ecdb27279366c27ea0345d6de8295ed72685f12 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 10 Aug 2024 01:24:36 -0400
Subject: [PATCH 075/109] Start working on the content explorer!

---
 src/router/router.js            |   7 +
 src/views/explorer/explorer.vue | 169 ++++++++++++++++++
 src/views/explorer/videos.json  | 298 ++++++++++++++++++++++++++++++++
 3 files changed, 474 insertions(+)
 create mode 100644 src/views/explorer/explorer.vue
 create mode 100644 src/views/explorer/videos.json

diff --git a/src/router/router.js b/src/router/router.js
index e632097..484263b 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -18,6 +18,7 @@ import CreatorList from '../views/creators/CreatorList.vue'
 import CreatorPage from "@/views/creators/CreatorPage.vue";
 import ContentPage from "@/views/contents/ContentPage.vue";
 import PostContent from "@/views/contents/PostContent.vue";
+import Explorer from "@/views/explorer/explorer.vue";
 import {useAuthStore} from "@/stores/authStore.js";
 
 const routes = [
@@ -127,6 +128,12 @@ const routes = [
         component: Profile,
         meta: { requiresAuth: true }
     },
+    {
+        path: '/explorer',
+        name: 'explorer',
+        component: Explorer,
+        
+    },
 ]
 
 const router = createRouter({
diff --git a/src/views/explorer/explorer.vue b/src/views/explorer/explorer.vue
new file mode 100644
index 0000000..694abac
--- /dev/null
+++ b/src/views/explorer/explorer.vue
@@ -0,0 +1,169 @@
+<script setup>
+import { ref } from 'vue';
+import { onMounted } from 'vue';
+import videosData from './videos.json';
+
+// Data
+const mostLikedVideos = videosData.mostLikedVideos;
+const mostBoughtVideos = videosData.mostBoughtVideos;
+const mostSharedVideos = videosData.mostSharedVideos;
+const mostViewedVideos = videosData.mostViewedVideos;
+
+// State to control the current range of videos displayed
+const currentRangeLiked = ref(0);
+const currentRangeBought = ref(0);
+const currentRangeShared = ref(0);
+const videosPerRow = 4;
+const animationDirection = ref('');
+
+// Function to move to the next set of videos
+const nextRow = (currentRange, videosList) => {
+  if (currentRange.value + videosPerRow < videosList.length) {
+    animationDirection.value = 'down';
+    setTimeout(() => {
+      currentRange.value += videosPerRow;
+    }, 300);
+  }
+};
+
+// Function to move to the previous set of videos
+const previousRow = (currentRange) => {
+  if (currentRange.value - videosPerRow >= 0) {
+    animationDirection.value = 'up';
+    setTimeout(() => {
+      currentRange.value -= videosPerRow;
+    }, 300);
+  }
+};
+
+// Function to animate the transition
+const animationClass = () => {
+  if (animationDirection.value === 'down') {
+    return 'transition-transform transform translate-y-full opacity-0';
+  } else if (animationDirection.value === 'up') {
+    return 'transition-transform transform -translate-y-full opacity-0';
+  }
+  return '';
+};
+
+onMounted(() => {
+  animationDirection.value = '';
+});
+</script>
+
+<template>  
+  <div class="container mx-auto py-4">
+
+    <!-- Section Most Viewed -->
+    <h2 class="text-2xl font-bold mb-2">Most Viewed</h2>
+    <div class="flex flex-row">
+      <div class="relative overflow-hidden">
+        <div :class="`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8 ${animationClass()}`">
+          <div v-for="(video, index) in mostViewedVideos.slice(currentRangeBought, currentRangeBought + videosPerRow)" :key="video.id" class="bg-white shadow-lg rounded-lg overflow-hidden transition-all duration-300 ease-in-out">
+            <img :src="video.thumbnail" alt="video thumbnail" class="w-full">
+            <div class="p-4">
+              <h3 class="text-lg font-bold">{{ video.title }}</h3>
+              <p class="text-gray-600">{{ video.description }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="flex flex-col justify-center px-2">
+        <v-btn @click="previousRow(currentRangeBought)" :disabled="currentRangeBought === 0" class="mb-2">
+          <v-icon>mdi-arrow-up-circle-outline</v-icon>
+        </v-btn>
+        <v-btn @click="nextRow(currentRangeBought, mostBoughtVideos)" :disabled="currentRangeBought + videosPerRow >= mostBoughtVideos.length">
+          <v-icon>mdi-arrow-down-circle-outline</v-icon>
+        </v-btn>
+      </div>
+    </div>
+
+    <!-- Horizontal Line -->
+    <hr class="my-3">
+    
+    <!-- Section Most Liked -->
+    <h2 class="text-2xl font-bold mb-2">Most Liked</h2>
+    <div class="flex flex-row">
+      <div class="relative overflow-hidden">
+        <div :class="`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8 ${animationClass()}`">
+          <div v-for="(video, index) in mostLikedVideos.slice(currentRangeLiked, currentRangeLiked + videosPerRow)" :key="video.id" class="bg-white shadow-lg rounded-lg overflow-hidden transition-all duration-300 ease-in-out">
+            <img :src="video.thumbnail" alt="video thumbnail" class="w-full">
+            <div class="p-4">
+              <h3 class="text-lg font-bold">{{ video.title }}</h3>
+              <p class="text-gray-600">{{ video.description }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-col justify-center px-2">
+        <v-btn @click="previousRow(currentRangeLiked)" :disabled="currentRangeLiked === 0" class="mb-2">
+          <v-icon>mdi-arrow-up-circle-outline</v-icon>
+        </v-btn>
+        <v-btn @click="nextRow(currentRangeLiked, mostLikedVideos)" :disabled="currentRangeLiked + videosPerRow >= mostLikedVideos.length">
+          <v-icon>mdi-arrow-down-circle-outline</v-icon>
+        </v-btn>
+      </div>
+    </div>
+
+    <!-- Horizontal Line -->
+    <hr class="my-3">
+
+    <!-- Section Most Bought -->
+    <h2 class="text-2xl font-bold mb-2">Most Bought</h2>
+    <div class="flex flex-row">
+      <div class="relative overflow-hidden">
+        <div :class="`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8 ${animationClass()}`">
+          <div v-for="(video, index) in mostBoughtVideos.slice(currentRangeBought, currentRangeBought + videosPerRow)" :key="video.id" class="bg-white shadow-lg rounded-lg overflow-hidden transition-all duration-300 ease-in-out">
+            <img :src="video.thumbnail" alt="video thumbnail" class="w-full">
+            <div class="p-4">
+              <h3 class="text-lg font-bold">{{ video.title }}</h3>
+              <p class="text-gray-600">{{ video.description }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-col justify-center px-2">
+        <v-btn @click="previousRow(currentRangeBought)" :disabled="currentRangeBought === 0" class="mb-2">
+          <v-icon>mdi-arrow-up-circle-outline</v-icon>
+        </v-btn>
+        <v-btn @click="nextRow(currentRangeBought, mostBoughtVideos)" :disabled="currentRangeBought + videosPerRow >= mostBoughtVideos.length">
+          <v-icon>mdi-arrow-down-circle-outline</v-icon>
+        </v-btn>
+      </div>
+    </div>
+
+    <!-- Horizontal Line -->
+    <hr class="my-3">
+
+    <!-- Section Most Shared -->
+    <h2 class="text-2xl font-bold mb-2">Most Shared</h2>
+    <div class="flex flex-row">
+      <div class="relative overflow-hidden">
+        <div :class="`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8 ${animationClass()}`">
+          <div v-for="(video, index) in mostSharedVideos.slice(currentRangeShared, currentRangeShared + videosPerRow)" :key="video.id" class="bg-white shadow-lg rounded-lg overflow-hidden transition-all duration-300 ease-in-out">
+            <img :src="video.thumbnail" alt="video thumbnail" class="w-full">
+            <div class="p-4">
+              <h3 class="text-lg font-bold">{{ video.title }}</h3>
+              <p class="text-gray-600">{{ video.description }}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="flex flex-col justify-center px-2">
+        <v-btn @click="previousRow(currentRangeShared)" :disabled="currentRangeShared === 0" class="mb-2">
+          <v-icon>mdi-arrow-up-circle-outline</v-icon>
+        </v-btn>
+        <v-btn @click="nextRow(currentRangeShared, mostSharedVideos)" :disabled="currentRangeShared + videosPerRow >= mostSharedVideos.length">
+          <v-icon>mdi-arrow-down-circle-outline</v-icon>
+        </v-btn>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.container {
+  max-width: 1200px;
+}
+</style>
diff --git a/src/views/explorer/videos.json b/src/views/explorer/videos.json
new file mode 100644
index 0000000..0c98638
--- /dev/null
+++ b/src/views/explorer/videos.json
@@ -0,0 +1,298 @@
+{
+  "mostLikedVideos": [
+    {
+      "id": 1,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 1",
+      "description": "This is a short description of Most Liked Video 1"
+    },
+    {
+      "id": 2,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 2",
+      "description": "This is a short description of Most Liked Video 2"
+    },
+    {
+      "id": 3,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 3",
+      "description": "This is a short description of Most Liked Video 3"
+    },
+    {
+      "id": 4,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 4",
+      "description": "This is a short description of Most Liked Video 4"
+    },
+    {
+      "id": 5,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 5",
+      "description": "This is a short description of Most Liked Video 5"
+    },
+    {
+      "id": 6,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 6",
+      "description": "This is a short description of Most Liked Video 6"
+    },
+    {
+      "id": 19,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 7",
+      "description": "This is a short description of Most Liked Video 7"
+    },
+    {
+      "id": 20,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 8",
+      "description": "This is a short description of Most Liked Video 8"
+    },
+    {
+      "id": 21,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 9",
+      "description": "This is a short description of Most Liked Video 9"
+    },
+    {
+      "id": 22,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 10",
+      "description": "This is a short description of Most Liked Video 10"
+    },
+    {
+      "id": 23,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 11",
+      "description": "This is a short description of Most Liked Video 11"
+    },
+    {
+      "id": 24,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Liked Video 12",
+      "description": "This is a short description of Most Liked Video 12"
+    }
+  ],
+  "mostBoughtVideos": [
+    {
+      "id": 7,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 1",
+      "description": "This is a short description of Most Bought Video 1"
+    },
+    {
+      "id": 8,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 2",
+      "description": "This is a short description of Most Bought Video 2"
+    },
+    {
+      "id": 9,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 3",
+      "description": "This is a short description of Most Bought Video 3"
+    },
+    {
+      "id": 10,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 4",
+      "description": "This is a short description of Most Bought Video 4"
+    },
+    {
+      "id": 11,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 5",
+      "description": "This is a short description of Most Bought Video 5"
+    },
+    {
+      "id": 12,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 6",
+      "description": "This is a short description of Most Bought Video 6"
+    },
+    {
+      "id": 25,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 7",
+      "description": "This is a short description of Most Bought Video 7"
+    },
+    {
+      "id": 26,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 8",
+      "description": "This is a short description of Most Bought Video 8"
+    },
+    {
+      "id": 27,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 9",
+      "description": "This is a short description of Most Bought Video 9"
+    },
+    {
+      "id": 28,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 10",
+      "description": "This is a short description of Most Bought Video 10"
+    },
+    {
+      "id": 29,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 11",
+      "description": "This is a short description of Most Bought Video 11"
+    },
+    {
+      "id": 30,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Bought Video 12",
+      "description": "This is a short description of Most Bought Video 12"
+    }
+  ],
+  "mostSharedVideos": [
+    {
+      "id": 13,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 1",
+      "description": "This is a short description of Most Shared Video 1"
+    },
+    {
+      "id": 14,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 2",
+      "description": "This is a short description of Most Shared Video 2"
+    },
+    {
+      "id": 15,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 3",
+      "description": "This is a short description of Most Shared Video 3"
+    },
+    {
+      "id": 16,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 4",
+      "description": "This is a short description of Most Shared Video 4"
+    },
+    {
+      "id": 17,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 5",
+      "description": "This is a short description of Most Shared Video 5"
+    },
+    {
+      "id": 18,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 6",
+      "description": "This is a short description of Most Shared Video 6"
+    },
+    {
+      "id": 31,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 7",
+      "description": "This is a short description of Most Shared Video 7"
+    },
+    {
+      "id": 32,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 8",
+      "description": "This is a short description of Most Shared Video 8"
+    },
+    {
+      "id": 33,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 9",
+      "description": "This is a short description of Most Shared Video 9"
+    },
+    {
+      "id": 34,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 10",
+      "description": "This is a short description of Most Shared Video 10"
+    },
+    {
+      "id": 35,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 11",
+      "description": "This is a short description of Most Shared Video 11"
+    },
+    {
+      "id": 36,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Shared Video 12",
+      "description": "This is a short description of Most Shared Video 12"
+    }
+  ],
+  "mostViewedVideos": [
+    {
+      "id": 37,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 1",
+      "description": "This is a short description of Most Viewed Video 1"
+    },
+    {
+      "id": 38,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 2",
+      "description": "This is a short description of Most Viewed Video 2"
+    },
+    {
+      "id": 39,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 3",
+      "description": "This is a short description of Most Viewed Video 3"
+    },
+    {
+      "id": 40,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 4",
+      "description": "This is a short description of Most Viewed Video 4"
+    },
+    {
+      "id": 41,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 5",
+      "description": "This is a short description of Most Viewed Video 5"
+    },
+    {
+      "id": 42,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 6",
+      "description": "This is a short description of Most Viewed Video 6"
+    },
+    {
+      "id": 43,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 7",
+      "description": "This is a short description of Most Viewed Video 7"
+    },
+    {
+      "id": 44,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 8",
+      "description": "This is a short description of Most Viewed Video 8"
+    },
+    {
+      "id": 45,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 9",
+      "description": "This is a short description of Most Viewed Video 9"
+    },
+    {
+      "id": 46,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 10",
+      "description": "This is a short description of Most Viewed Video 10"
+    },
+    {
+      "id": 47,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 11",
+      "description": "This is a short description of Most Viewed Video 11"
+    },
+    {
+      "id": 48,
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "title": "Most Viewed Video 12",
+      "description": "This is a short description of Most Viewed Video 12"
+    }
+  ]
+}

From 70e134a79fb6e02ffb35c6d8864254a55184230c Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 10 Aug 2024 01:40:42 -0400
Subject: [PATCH 076/109] Ajout du content browser et lien dans le header

---
 src/views/contents/ContentCard.vue    |   7 ++++
 src/views/explorer/ThumbnailImage.png | Bin 0 -> 76605 bytes
 src/views/main/Header.vue             |  46 +++++++++++++++++---------
 3 files changed, 37 insertions(+), 16 deletions(-)
 create mode 100644 src/views/explorer/ThumbnailImage.png

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index c3dfbb8..1c98cf0 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -76,6 +76,9 @@
             icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
+        </v-btn>      
+        <v-btn variant="plain" icon @click="donate">
+          <v-icon>mdi-gift-outline</v-icon>
         </v-btn>
       </div>
 
@@ -130,6 +133,10 @@ function dislikeContent() {
   console.log('Content disliked');
 }
 
+function donate() {
+  console.log('Content disliked');
+}
+
 function getComponent(url) {
   if (url.includes('youtube.com') || url.includes('youtu.be')) {
     return YoutubePlayer;
diff --git a/src/views/explorer/ThumbnailImage.png b/src/views/explorer/ThumbnailImage.png
new file mode 100644
index 0000000000000000000000000000000000000000..e2586b93a09cd7c5147cd1a1acee62cd0d454ef0
GIT binary patch
literal 76605
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
FV1lQoaGC%B

literal 0
HcmV?d00001

diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index ea73836..39c31bd 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -6,7 +6,6 @@
     <div class="flex items-center">
       <v-app-bar-nav-icon @click.stop="sideBarStore.toggle()">
       </v-app-bar-nav-icon>
-
       <RouterLink to="/" class="hidden md:block">
         <v-img
             src="/medias/hutopy.png"
@@ -26,6 +25,22 @@
       </RouterLink>
     </div>
 
+    <!-- Spacer to push the Explorer button to the center -->
+    <div class="flex-grow"></div>
+
+    <!-- Explorer Button -->
+    <v-btn
+        variant="plain"
+        icon
+        class="flex flex-row justify-center"
+        @click="explorerHandler"
+    >
+      <v-icon>mdi-earth</v-icon>
+    </v-btn>
+
+    <!-- Spacer to keep the search bar to the right -->
+    <div class="flex-grow"></div>
+
     <div class="flex items-center ml-auto space-x-4 search-container">
       <template v-if="showSearch">
         <v-text-field
@@ -54,7 +69,7 @@
         <v-menu open-on-hover>
           <template v-slot:activator="{ props }">
             <div v-bind="props" class="flex align-center font-sans py-1 px-4 rounded-lg hover:bg-gray-100">
-              <span class="max-w-xs  hidden md:block">
+              <span class="max-w-xs hidden md:block">
                 {{ userStore.alias }}
               </span>
               <img
@@ -66,12 +81,12 @@
             </div>
           </template>
 
-          <v-list min-width="200px" class=" align-center mt-3 left-3">
+          <v-list min-width="200px" class="align-center mt-3 left-3">
 
             <template v-if="!authStore.isAuthenticated">
               <v-list-item class="nav-button">
                 <v-list-item-title>
-                  <v-btn to="/login" class="w-100 " variant="plain">Connexion</v-btn>
+                  <v-btn to="/login" class="w-100" variant="plain">Connexion</v-btn>
                 </v-list-item-title>
               </v-list-item>
             </template>
@@ -79,13 +94,13 @@
             <template v-else>
               <v-list-item v-if="userStore.creator && Object.keys(userStore.creator).length > 0" class="nav-button">
                 <router-link :to="`/@${userStore.creator.name}`">
-                  <v-btn class="w-100 " variant="plain">@{{ userStore.creator.name }}</v-btn>
+                  <v-btn class="w-100" variant="plain">@{{ userStore.creator.name }}</v-btn>
                 </router-link>
               </v-list-item>
 
               <v-list-item v-if="userStore.creator && !Object.keys(userStore.creator).length > 0" class="nav-button">
                 <router-link :to="`/@${userStore.creator.name}`">
-                  <v-btn class="w-100 " variant="plain">Activer votre page </v-btn>
+                  <v-btn class="w-100" variant="plain">Activer votre page</v-btn>
                 </router-link>
               </v-list-item>
 
@@ -109,17 +124,15 @@
         </v-menu>
       </div>
     </div>
-
-
   </header>
 </template>
 
 <script setup>
-import {ref, onBeforeUnmount, onBeforeMount, watch} from "vue";
-import {useRouter} from 'vue-router';
-import {useSideBarStore} from '@/stores/sideBarStore.js';
-import {useUserStore} from "@/stores/userStore.js";
-import {useAuthStore} from "@/stores/authStore.js";
+import { ref, onBeforeUnmount, onBeforeMount } from "vue";
+import { useRouter } from 'vue-router';
+import { useSideBarStore } from '@/stores/sideBarStore.js';
+import { useUserStore } from "@/stores/userStore.js";
+import { useAuthStore } from "@/stores/authStore.js";
 
 const authStore = useAuthStore()
 const userStore = useUserStore()
@@ -147,6 +160,10 @@ const toggleSearch = () => {
   showSearch.value = !showSearch.value;
 };
 
+const explorerHandler = () => {
+  router.push('/explorer');
+};
+
 const handleClickOutside = (event) => {
   if (!event.target.closest('.search-container')) {
     showSearch.value = false;
@@ -163,7 +180,6 @@ onBeforeUnmount(() => {
 
 </script>
 
-
 <style scoped>
 .search-container {
   position: relative;
@@ -172,6 +188,4 @@ onBeforeUnmount(() => {
 .nav-button:hover {
   @apply bg-[#903175] text-gray-200;
 }
-
-
 </style>

From 91b470793fd23ee16c32e22161c5625c69d97721 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 10 Aug 2024 02:33:46 -0400
Subject: [PATCH 077/109] Update explorer.vue

---
 src/views/explorer/ExplorerCard.vue |  33 +++
 src/views/explorer/explorer.vue     |  95 +-------
 src/views/explorer/videos.json      | 352 +++++++++-------------------
 3 files changed, 152 insertions(+), 328 deletions(-)
 create mode 100644 src/views/explorer/ExplorerCard.vue

diff --git a/src/views/explorer/ExplorerCard.vue b/src/views/explorer/ExplorerCard.vue
new file mode 100644
index 0000000..ad3f482
--- /dev/null
+++ b/src/views/explorer/ExplorerCard.vue
@@ -0,0 +1,33 @@
+<template>
+  <div class="bg-white shadow-lg rounded-lg overflow-hidden transition-all duration-300 ease-in-out py4">
+    <div class="flex justify-between items-center mb-2">
+      <h3 class="text-lg font-bold p-3">{{ video.title }}</h3>
+      <v-btn icon class="ml-2" variant="plain">
+        <v-icon>mdi-dots-vertical</v-icon>
+      </v-btn>
+    </div>
+    <img :src="video.thumbnail" alt="video thumbnail" class="w-full ">
+    <div class="p-3">
+      <p class="text-gray-600 mb-4">{{ video.description }}</p>
+      <div class="flex items-center">
+        <img :src="video.profileImage" alt="profile image" class="w-10 h-10 rounded-full">
+        <div class="ml-4">
+          <h4 class="text-md font-bold">{{ video.name }}</h4>
+          <div class="text-gray-600 text-sm">
+            <span>{{ video.vues }} vues</span> -
+            <span>{{ video.timeAgo }} ago</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+defineProps({
+  video: {
+    type: Object,
+    required: true
+  }
+});
+</script>
diff --git a/src/views/explorer/explorer.vue b/src/views/explorer/explorer.vue
index 694abac..d8707c8 100644
--- a/src/views/explorer/explorer.vue
+++ b/src/views/explorer/explorer.vue
@@ -2,6 +2,7 @@
 import { ref } from 'vue';
 import { onMounted } from 'vue';
 import videosData from './videos.json';
+import ExplorerCard from '@/views/explorer/ExplorerCard.vue'; 
 
 // Data
 const mostLikedVideos = videosData.mostLikedVideos;
@@ -13,6 +14,7 @@ const mostViewedVideos = videosData.mostViewedVideos;
 const currentRangeLiked = ref(0);
 const currentRangeBought = ref(0);
 const currentRangeShared = ref(0);
+const currentRangeViewed = ref(0);
 const videosPerRow = 4;
 const animationDirection = ref('');
 
@@ -51,7 +53,7 @@ onMounted(() => {
 });
 </script>
 
-<template>  
+<template>
   <div class="container mx-auto py-4">
 
     <!-- Section Most Viewed -->
@@ -59,48 +61,14 @@ onMounted(() => {
     <div class="flex flex-row">
       <div class="relative overflow-hidden">
         <div :class="`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8 ${animationClass()}`">
-          <div v-for="(video, index) in mostViewedVideos.slice(currentRangeBought, currentRangeBought + videosPerRow)" :key="video.id" class="bg-white shadow-lg rounded-lg overflow-hidden transition-all duration-300 ease-in-out">
-            <img :src="video.thumbnail" alt="video thumbnail" class="w-full">
-            <div class="p-4">
-              <h3 class="text-lg font-bold">{{ video.title }}</h3>
-              <p class="text-gray-600">{{ video.description }}</p>
-            </div>
-          </div>
-        </div>
-      </div>
-      
-      <div class="flex flex-col justify-center px-2">
-        <v-btn @click="previousRow(currentRangeBought)" :disabled="currentRangeBought === 0" class="mb-2">
-          <v-icon>mdi-arrow-up-circle-outline</v-icon>
-        </v-btn>
-        <v-btn @click="nextRow(currentRangeBought, mostBoughtVideos)" :disabled="currentRangeBought + videosPerRow >= mostBoughtVideos.length">
-          <v-icon>mdi-arrow-down-circle-outline</v-icon>
-        </v-btn>
-      </div>
-    </div>
-
-    <!-- Horizontal Line -->
-    <hr class="my-3">
-    
-    <!-- Section Most Liked -->
-    <h2 class="text-2xl font-bold mb-2">Most Liked</h2>
-    <div class="flex flex-row">
-      <div class="relative overflow-hidden">
-        <div :class="`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8 ${animationClass()}`">
-          <div v-for="(video, index) in mostLikedVideos.slice(currentRangeLiked, currentRangeLiked + videosPerRow)" :key="video.id" class="bg-white shadow-lg rounded-lg overflow-hidden transition-all duration-300 ease-in-out">
-            <img :src="video.thumbnail" alt="video thumbnail" class="w-full">
-            <div class="p-4">
-              <h3 class="text-lg font-bold">{{ video.title }}</h3>
-              <p class="text-gray-600">{{ video.description }}</p>
-            </div>
-          </div>
+          <ExplorerCard v-for="(video, index) in mostViewedVideos.slice(currentRangeViewed, currentRangeViewed + videosPerRow)" :key="video.id" :video="video" />
         </div>
       </div>
       <div class="flex flex-col justify-center px-2">
-        <v-btn @click="previousRow(currentRangeLiked)" :disabled="currentRangeLiked === 0" class="mb-2">
+        <v-btn @click="previousRow(currentRangeViewed)" :disabled="currentRangeViewed === 0" class="mb-2">
           <v-icon>mdi-arrow-up-circle-outline</v-icon>
         </v-btn>
-        <v-btn @click="nextRow(currentRangeLiked, mostLikedVideos)" :disabled="currentRangeLiked + videosPerRow >= mostLikedVideos.length">
+        <v-btn @click="nextRow(currentRangeViewed, mostViewedVideos)" :disabled="currentRangeViewed + videosPerRow >= mostViewedVideos.length">
           <v-icon>mdi-arrow-down-circle-outline</v-icon>
         </v-btn>
       </div>
@@ -109,56 +77,7 @@ onMounted(() => {
     <!-- Horizontal Line -->
     <hr class="my-3">
 
-    <!-- Section Most Bought -->
-    <h2 class="text-2xl font-bold mb-2">Most Bought</h2>
-    <div class="flex flex-row">
-      <div class="relative overflow-hidden">
-        <div :class="`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8 ${animationClass()}`">
-          <div v-for="(video, index) in mostBoughtVideos.slice(currentRangeBought, currentRangeBought + videosPerRow)" :key="video.id" class="bg-white shadow-lg rounded-lg overflow-hidden transition-all duration-300 ease-in-out">
-            <img :src="video.thumbnail" alt="video thumbnail" class="w-full">
-            <div class="p-4">
-              <h3 class="text-lg font-bold">{{ video.title }}</h3>
-              <p class="text-gray-600">{{ video.description }}</p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="flex flex-col justify-center px-2">
-        <v-btn @click="previousRow(currentRangeBought)" :disabled="currentRangeBought === 0" class="mb-2">
-          <v-icon>mdi-arrow-up-circle-outline</v-icon>
-        </v-btn>
-        <v-btn @click="nextRow(currentRangeBought, mostBoughtVideos)" :disabled="currentRangeBought + videosPerRow >= mostBoughtVideos.length">
-          <v-icon>mdi-arrow-down-circle-outline</v-icon>
-        </v-btn>
-      </div>
-    </div>
-
-    <!-- Horizontal Line -->
-    <hr class="my-3">
-
-    <!-- Section Most Shared -->
-    <h2 class="text-2xl font-bold mb-2">Most Shared</h2>
-    <div class="flex flex-row">
-      <div class="relative overflow-hidden">
-        <div :class="`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8 ${animationClass()}`">
-          <div v-for="(video, index) in mostSharedVideos.slice(currentRangeShared, currentRangeShared + videosPerRow)" :key="video.id" class="bg-white shadow-lg rounded-lg overflow-hidden transition-all duration-300 ease-in-out">
-            <img :src="video.thumbnail" alt="video thumbnail" class="w-full">
-            <div class="p-4">
-              <h3 class="text-lg font-bold">{{ video.title }}</h3>
-              <p class="text-gray-600">{{ video.description }}</p>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div class="flex flex-col justify-center px-2">
-        <v-btn @click="previousRow(currentRangeShared)" :disabled="currentRangeShared === 0" class="mb-2">
-          <v-icon>mdi-arrow-up-circle-outline</v-icon>
-        </v-btn>
-        <v-btn @click="nextRow(currentRangeShared, mostSharedVideos)" :disabled="currentRangeShared + videosPerRow >= mostSharedVideos.length">
-          <v-icon>mdi-arrow-down-circle-outline</v-icon>
-        </v-btn>
-      </div>
-    </div>
+    <!-- Repeat similar blocks for Most Liked, Most Bought, Most Shared -->
   </div>
 </template>
 
diff --git a/src/views/explorer/videos.json b/src/views/explorer/videos.json
index 0c98638..ee47335 100644
--- a/src/views/explorer/videos.json
+++ b/src/views/explorer/videos.json
@@ -1,298 +1,170 @@
 {
   "mostLikedVideos": [
     {
-      "id": 1,
+      "id": 37,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 1",
-      "description": "This is a short description of Most Liked Video 1"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 2,
+      "id": 38,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 2",
-      "description": "This is a short description of Most Liked Video 2"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 3,
+      "id": 39,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 3",
-      "description": "This is a short description of Most Liked Video 3"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 4,
+      "id": 40,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 4",
-      "description": "This is a short description of Most Liked Video 4"
-    },
-    {
-      "id": 5,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 5",
-      "description": "This is a short description of Most Liked Video 5"
-    },
-    {
-      "id": 6,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 6",
-      "description": "This is a short description of Most Liked Video 6"
-    },
-    {
-      "id": 19,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 7",
-      "description": "This is a short description of Most Liked Video 7"
-    },
-    {
-      "id": 20,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 8",
-      "description": "This is a short description of Most Liked Video 8"
-    },
-    {
-      "id": 21,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 9",
-      "description": "This is a short description of Most Liked Video 9"
-    },
-    {
-      "id": 22,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 10",
-      "description": "This is a short description of Most Liked Video 10"
-    },
-    {
-      "id": 23,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 11",
-      "description": "This is a short description of Most Liked Video 11"
-    },
-    {
-      "id": 24,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Liked Video 12",
-      "description": "This is a short description of Most Liked Video 12"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     }
   ],
   "mostBoughtVideos": [
     {
-      "id": 7,
+      "id": 41,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 1",
-      "description": "This is a short description of Most Bought Video 1"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 8,
+      "id": 42,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 2",
-      "description": "This is a short description of Most Bought Video 2"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 9,
+      "id": 43,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 3",
-      "description": "This is a short description of Most Bought Video 3"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 10,
+      "id": 44,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 4",
-      "description": "This is a short description of Most Bought Video 4"
-    },
-    {
-      "id": 11,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 5",
-      "description": "This is a short description of Most Bought Video 5"
-    },
-    {
-      "id": 12,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 6",
-      "description": "This is a short description of Most Bought Video 6"
-    },
-    {
-      "id": 25,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 7",
-      "description": "This is a short description of Most Bought Video 7"
-    },
-    {
-      "id": 26,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 8",
-      "description": "This is a short description of Most Bought Video 8"
-    },
-    {
-      "id": 27,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 9",
-      "description": "This is a short description of Most Bought Video 9"
-    },
-    {
-      "id": 28,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 10",
-      "description": "This is a short description of Most Bought Video 10"
-    },
-    {
-      "id": 29,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 11",
-      "description": "This is a short description of Most Bought Video 11"
-    },
-    {
-      "id": 30,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Bought Video 12",
-      "description": "This is a short description of Most Bought Video 12"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     }
   ],
   "mostSharedVideos": [
     {
-      "id": 13,
+      "id": 45,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 1",
-      "description": "This is a short description of Most Shared Video 1"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 14,
+      "id": 46,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 2",
-      "description": "This is a short description of Most Shared Video 2"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 15,
+      "id": 47,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 3",
-      "description": "This is a short description of Most Shared Video 3"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 16,
+      "id": 48,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 4",
-      "description": "This is a short description of Most Shared Video 4"
-    },
-    {
-      "id": 17,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 5",
-      "description": "This is a short description of Most Shared Video 5"
-    },
-    {
-      "id": 18,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 6",
-      "description": "This is a short description of Most Shared Video 6"
-    },
-    {
-      "id": 31,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 7",
-      "description": "This is a short description of Most Shared Video 7"
-    },
-    {
-      "id": 32,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 8",
-      "description": "This is a short description of Most Shared Video 8"
-    },
-    {
-      "id": 33,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 9",
-      "description": "This is a short description of Most Shared Video 9"
-    },
-    {
-      "id": 34,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 10",
-      "description": "This is a short description of Most Shared Video 10"
-    },
-    {
-      "id": 35,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 11",
-      "description": "This is a short description of Most Shared Video 11"
-    },
-    {
-      "id": 36,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Shared Video 12",
-      "description": "This is a short description of Most Shared Video 12"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     }
   ],
   "mostViewedVideos": [
     {
-      "id": 37,
+      "id": 49,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 1",
-      "description": "This is a short description of Most Viewed Video 1"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 38,
+      "id": 50,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 2",
-      "description": "This is a short description of Most Viewed Video 2"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 39,
+      "id": 51,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 3",
-      "description": "This is a short description of Most Viewed Video 3"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     },
     {
-      "id": 40,
+      "id": 52,
+      "title": "Amazing Video Title",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 4",
-      "description": "This is a short description of Most Viewed Video 4"
-    },
-    {
-      "id": 41,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 5",
-      "description": "This is a short description of Most Viewed Video 5"
-    },
-    {
-      "id": 42,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 6",
-      "description": "This is a short description of Most Viewed Video 6"
-    },
-    {
-      "id": 43,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 7",
-      "description": "This is a short description of Most Viewed Video 7"
-    },
-    {
-      "id": 44,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 8",
-      "description": "This is a short description of Most Viewed Video 8"
-    },
-    {
-      "id": 45,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 9",
-      "description": "This is a short description of Most Viewed Video 9"
-    },
-    {
-      "id": 46,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 10",
-      "description": "This is a short description of Most Viewed Video 10"
-    },
-    {
-      "id": 47,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 11",
-      "description": "This is a short description of Most Viewed Video 11"
-    },
-    {
-      "id": 48,
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "title": "Most Viewed Video 12",
-      "description": "This is a short description of Most Viewed Video 12"
+      "description": "This is a brief description of the video content.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "John Doe",
+      "vues": 1200,
+      "timeAgo": "2 hours"
     }
   ]
 }

From 9982ef86e0570d0b8ec2e7bad63bdda66a345189 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 10 Aug 2024 02:41:14 -0400
Subject: [PATCH 078/109] Add btn in header TV=feed Earth = browser

---
 src/views/main/Header.vue | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 39c31bd..66395c4 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -28,6 +28,17 @@
     <!-- Spacer to push the Explorer button to the center -->
     <div class="flex-grow"></div>
 
+
+    <!-- FEED -->
+    <v-btn
+        variant="plain"
+        icon
+        class="flex flex-row justify-center"
+        @click="explorerHandler"
+    >
+      <v-icon>mdi-television</v-icon>
+    </v-btn>
+
     <!-- Explorer Button -->
     <v-btn
         variant="plain"
@@ -38,6 +49,8 @@
       <v-icon>mdi-earth</v-icon>
     </v-btn>
 
+   
+
     <!-- Spacer to keep the search bar to the right -->
     <div class="flex-grow"></div>
 

From 071b65b89ecaa80057bd7078c99d69225564aa86 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Mon, 12 Aug 2024 12:46:57 -0400
Subject: [PATCH 079/109] Add Donation-button, Need to connect stripe

---
 src/views/contents/ContentPage.vue     |  14 ++-
 src/views/creators/CreatorBanner.vue   |   3 +-
 src/views/creators/donation-button.vue | 124 +++++++++++++++++++++++++
 src/views/explorer/ExplorerCard.vue    |   4 +-
 4 files changed, 142 insertions(+), 3 deletions(-)
 create mode 100644 src/views/creators/donation-button.vue

diff --git a/src/views/contents/ContentPage.vue b/src/views/contents/ContentPage.vue
index c2f2de8..61d9953 100644
--- a/src/views/contents/ContentPage.vue
+++ b/src/views/contents/ContentPage.vue
@@ -48,8 +48,20 @@
         <div v-if="data && data.description">
           Description: {{ data.description }}
         </div>
-      </div>
 
+        <div class="flex justify-around py-2">
+          <v-btn variant="plain" icon @click="likeContent">
+            <v-icon :color="'#313131'">mdi-thumb-up-outline</v-icon> 
+          </v-btn>
+          <v-btn variant="plain" icon @click="dislikeContent">
+            <v-icon :color="'#000000'">mdi-thumb-down-outline</v-icon> 
+          </v-btn>
+          <v-btn variant="plain" icon @click="donate">
+            <v-icon :color="'#7D0863'">mdi-gift-outline</v-icon> 
+          </v-btn>
+        </div>
+
+      </div>
 
       <div class="border-b-2 p-6">
         <h2 class="font-sans font-semibold">Commentaires</h2>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index d83e280..e46a292 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -63,7 +63,7 @@
           <subscribe-button :creator="creator"></subscribe-button>
         </div>
         
-       
+        <donation-button :creator="creator"></donation-button>
 
 
         <div class="flex flex-row align-center">
@@ -85,6 +85,7 @@
 import CreatorAbout from "@/views/creators/CreatorAbout.vue";
 import SubscribeButton from "@/views/creators/SubscribeButton.vue";
 import PublishContentButton from "@/views/contents/PublishContentButton.vue";
+import DonationButton from "@/views/creators/donation-button.vue";
 
 const props = defineProps({
   creator: {type: Object, required: true},
diff --git a/src/views/creators/donation-button.vue b/src/views/creators/donation-button.vue
new file mode 100644
index 0000000..88a2b1c
--- /dev/null
+++ b/src/views/creators/donation-button.vue
@@ -0,0 +1,124 @@
+<template>
+  <v-btn variant="text" icon class="text-white" @click="donationModal = true">
+    <v-icon class="text-2xl">mdi-gift-outline</v-icon>
+  </v-btn>
+
+  <v-dialog v-model="donationModal" max-width="500">
+    <v-form>
+      <v-card class="text-center rounded-xl" :style="{ border: `3px solid ${creator.colors.menu}` }">
+        <div class="py-4 text-2xl font-bold border-b mb-2">
+          Je Soutiens!
+        </div>
+
+        <div class="flex flex-row align-center px-3">
+          <img
+              :src="creator.images.logo"
+              alt="Profile Image"
+              class="rounded-full"
+              width="40"
+              height="40"
+              :style="{ border: `2px solid ${creator.colors.accent}` }">
+          <div class="capitalize px-2 text-2xl">{{ creator.name }}</div>
+          <v-btn icon @click="donationModal = false" class="ml-auto" variant="text">
+            <v-icon>mdi-close</v-icon>
+          </v-btn>
+        </div>
+
+        <v-card-text>
+          <v-text-field v-model="price"
+                        class="p-2"
+                        label="Montant"
+                        density="comfortable"
+                        variant="outlined"
+                        hide-details
+                        clearable
+          ></v-text-field>
+
+          <v-textarea v-model="tipMessage"
+                      label="Message (facultatif)"
+                      class="p-2"
+                      density="comfortable"
+                      variant="outlined"
+                      hide-details
+                      clearable
+          ></v-textarea>
+
+          <v-btn variant="outlined" :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }" @click="goPay()" class="w-full mt-5">
+            Envoyez
+          </v-btn>
+        </v-card-text>
+      </v-card>
+    </v-form>
+  </v-dialog>
+
+  <v-dialog v-model="isPaymentDialogActive" max-width="720" persistent>
+    <template v-slot:default>
+      <v-card>
+        <div id="checkout">
+          <!-- Checkout will insert the payment form here -->
+        </div>
+        <v-card-actions>
+          <v-spacer></v-spacer>
+          <v-btn block class="ma-auto" style="width: 200px;" text @click="closeDialog()">Annuler</v-btn>
+        </v-card-actions>
+      </v-card>
+    </template>
+  </v-dialog>
+</template>
+
+<script setup>
+import {useClient} from '@/plugins/api.js';
+import {loadStripe} from '@stripe/stripe-js';
+import {onMounted, ref} from 'vue';
+
+const donationModal = ref(false);
+const isPaymentDialogActive = ref(false); // Ajout de cette ligne
+const price = ref(0);
+const tipMessage = ref("");
+let stripe = null;
+let checkout;
+
+const client = useClient();
+
+const props = defineProps({
+  creator: {type: Object, required: true},
+
+});
+
+onMounted(async () => {
+  stripe = await loadStripe(import.meta.env.VITE_STRIPE_API_KEY);
+});
+
+const fetchClientSecret = async () => {
+  const clientSecret = await createCheckoutSession();
+  return clientSecret;
+};
+
+async function createCheckoutSession() {
+  let clientSecret = await client.post('/api/Stripe', {
+    amount: (price.value * 100),
+    tipMessage: tipMessage.value,
+    creatorId: props.creatorId
+  });
+
+  let secret = clientSecret["data"];
+  return secret;
+}
+
+function closeDialog() {
+  isPaymentDialogActive.value = false;
+  if (checkout) {
+    checkout.destroy();
+  }
+}
+
+async function goPay() {
+  isPaymentDialogActive.value = true;
+
+  checkout = await stripe.initEmbeddedCheckout({
+    fetchClientSecret,
+  });
+
+  await checkout.mount('#checkout');
+}
+</script>
diff --git a/src/views/explorer/ExplorerCard.vue b/src/views/explorer/ExplorerCard.vue
index ad3f482..1c13cca 100644
--- a/src/views/explorer/ExplorerCard.vue
+++ b/src/views/explorer/ExplorerCard.vue
@@ -15,7 +15,7 @@
           <h4 class="text-md font-bold">{{ video.name }}</h4>
           <div class="text-gray-600 text-sm">
             <span>{{ video.vues }} vues</span> -
-            <span>{{ video.timeAgo }} ago</span>
+            <span>{{ video.timeAgo }} ago</span>            
           </div>
         </div>
       </div>
@@ -23,6 +23,8 @@
   </div>
 </template>
 
+
+
 <script setup>
 defineProps({
   video: {

From 0818595cf3ab96fe1815a088215e8a7f034fc6db Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Mon, 12 Aug 2024 14:13:49 -0400
Subject: [PATCH 080/109] Add donate btn

---
 src/views/contents/ContentCard.vue     |  8 ++++----
 src/views/creators/CreatorBanner.vue   |  1 -
 src/views/creators/CreatorPage.vue     |  2 +-
 src/views/creators/donation-button.vue | 11 ++++++++---
 4 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 1c98cf0..5a9849d 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -76,10 +76,9 @@
             icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
-        </v-btn>      
-        <v-btn variant="plain" icon @click="donate">
-          <v-icon>mdi-gift-outline</v-icon>
-        </v-btn>
+        </v-btn>     
+        
+        <donation-button creator="creator"></donation-button>
       </div>
 
       <div :class="{'hidden': !commentsVisible}">
@@ -101,6 +100,7 @@ import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
 import ImageViewer from './ImageViewer.vue';
+import DonationButton from "@/views/creators/donation-button.vue";
 
 const props = defineProps({
   content: {
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index e46a292..7d5f8ed 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,5 +1,4 @@
 <template>
-
   <!--  Bannière-->
   <div class="relative bottom-4  z-20 m">
     <div class="relative flex flex-col">
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index efbd03e..926ebed 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -3,7 +3,7 @@
 
     <creator-banner :creator="creator"></creator-banner>
 
-    <donation-popup :creator-id="creator.id"></donation-popup>
+<!--    <donation-popup :creator-id="creator.id"></donation-popup>-->
 
     <div class="max-w-[800px] mx-auto flex flex-row justify-center ">
       <div class="w-full h-full mx-1">
diff --git a/src/views/creators/donation-button.vue b/src/views/creators/donation-button.vue
index 88a2b1c..e9d067f 100644
--- a/src/views/creators/donation-button.vue
+++ b/src/views/creators/donation-button.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-btn variant="text" icon class="text-white" @click="donationModal = true">
+  <v-btn variant="text" icon  @click="donationModal = true">
     <v-icon class="text-2xl">mdi-gift-outline</v-icon>
   </v-btn>
 
@@ -75,6 +75,7 @@ const donationModal = ref(false);
 const isPaymentDialogActive = ref(false); // Ajout de cette ligne
 const price = ref(0);
 const tipMessage = ref("");
+
 let stripe = null;
 let checkout;
 
@@ -82,11 +83,12 @@ const client = useClient();
 
 const props = defineProps({
   creator: {type: Object, required: true},
-
 });
 
+
 onMounted(async () => {
   stripe = await loadStripe(import.meta.env.VITE_STRIPE_API_KEY);
+  console.log(props.creator.id)
 });
 
 const fetchClientSecret = async () => {
@@ -94,11 +96,14 @@ const fetchClientSecret = async () => {
   return clientSecret;
 };
 
+
+
 async function createCheckoutSession() {
   let clientSecret = await client.post('/api/Stripe', {
     amount: (price.value * 100),
     tipMessage: tipMessage.value,
-    creatorId: props.creatorId
+    creatorId: props.creator.id
+    
   });
 
   let secret = clientSecret["data"];

From 1faf67f5f163732a0c87806178df417d5eae5fdc Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 13 Aug 2024 00:07:27 -0400
Subject: [PATCH 081/109] Awaille joe fait ta magie!

---
 src/views/contents/ContentCard.vue     | 37 +++++++++++++++++++-------
 src/views/contents/ContentPage.vue     | 34 ++++++++++++++---------
 src/views/creators/CreatorBanner.vue   |  4 +--
 src/views/creators/donation-button.vue |  8 +++---
 4 files changed, 57 insertions(+), 26 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 5a9849d..8e2037d 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -76,16 +76,17 @@
             icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
-        </v-btn>     
-        
-        <donation-button creator="creator"></donation-button>
+        </v-btn>
+
+        <!-- Utilisation de l'objet creator ici -->
+        <donation-button :creator="creator" iconColorClass="text-black"></donation-button>
       </div>
 
       <div :class="{'hidden': !commentsVisible}">
         <h2 class="font-sans font-semibold mt-2">Commentaires</h2>
         <message-list :subject-id="props.content.id" :messages="messages"></message-list>
       </div>
-      
+
       <div class="py-2">
         <post-message :subject-id="props.content.id" @message-posted="addMessage"></post-message>
       </div>
@@ -94,7 +95,9 @@
 </template>
 
 <script setup>
-import { computed, ref } from 'vue';
+import { computed, ref, onBeforeMount } from 'vue';
+import { useRoute } from 'vue-router';
+import { useClient } from "@/plugins/api.js";
 import { time_ago } from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
@@ -109,6 +112,12 @@ const props = defineProps({
   }
 });
 
+const route = useRoute();
+const client = useClient();
+const creatorAlias = ref(route.params.creator);
+const creator = ref(null);
+const loading = ref(true);
+
 const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
 const commentsVisible = ref(false);
 const messages = ref([]);
@@ -116,6 +125,20 @@ const messages = ref([]);
 // Propriété calculée pour vérifier s'il y a des commentaires
 const hasComments = computed(() => messages.value.length > 0);
 
+onBeforeMount(async () => await fetchCreatorData(creatorAlias.value))
+
+async function fetchCreatorData(creatorAlias) {
+  try {
+    loading.value = true;
+    const response = await client.get(`/api/creators/@${creatorAlias}`);
+    creator.value = response.data;
+  } catch (error) {
+    console.error(`Error fetching creator data: ${error}`);
+  } finally {
+    loading.value = false;
+  }
+}
+
 function addMessage(newMessage) {
   messages.value.unshift(newMessage);
   commentsVisible.value = true;
@@ -133,10 +156,6 @@ function dislikeContent() {
   console.log('Content disliked');
 }
 
-function donate() {
-  console.log('Content disliked');
-}
-
 function getComponent(url) {
   if (url.includes('youtube.com') || url.includes('youtu.be')) {
     return YoutubePlayer;
diff --git a/src/views/contents/ContentPage.vue b/src/views/contents/ContentPage.vue
index 61d9953..eb57e60 100644
--- a/src/views/contents/ContentPage.vue
+++ b/src/views/contents/ContentPage.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="flex h-[calc(100vh-118px)] -mt-2">
-
     <!-- Homemade carousel -->
     <div class="flex-1 flex items-center justify-center bg-neutral-500 max-h-screen relative">
 
@@ -51,16 +50,13 @@
 
         <div class="flex justify-around py-2">
           <v-btn variant="plain" icon @click="likeContent">
-            <v-icon :color="'#313131'">mdi-thumb-up-outline</v-icon> 
+            <v-icon :color="'#313131'">mdi-thumb-up-outline</v-icon>
           </v-btn>
           <v-btn variant="plain" icon @click="dislikeContent">
-            <v-icon :color="'#000000'">mdi-thumb-down-outline</v-icon> 
-          </v-btn>
-          <v-btn variant="plain" icon @click="donate">
-            <v-icon :color="'#7D0863'">mdi-gift-outline</v-icon> 
+            <v-icon :color="'#000000'">mdi-thumb-down-outline</v-icon>
           </v-btn>
+          <donation-button :creator="creator" iconColorClass="text-black"></donation-button>
         </div>
-
       </div>
 
       <div class="border-b-2 p-6">
@@ -68,7 +64,6 @@
         <MessageList :content-id="contentId"></MessageList>
       </div>
 
-
       <div class="border-b-2 p-6">
         <PostMessage :content-id="contentId"></PostMessage>
       </div>
@@ -76,18 +71,17 @@
   </div>
 </template>
 
-
-
-
 <script setup>
 import { ref, computed, onMounted, watch } from 'vue';
 import PostMessage from "@/views/messages/PostMessage.vue";
 import MessageList from "@/views/messages/MessageList.vue";
+import DonationButton from "@/views/creators/donation-button.vue";
 import { useClient } from "@/plugins/api.js";
 import { useRoute } from 'vue-router';
 
 const data = ref();
 const currentImageIndex = ref(0);
+const creator = ref(null);
 
 const route = useRoute();
 const client = useClient();
@@ -96,6 +90,8 @@ const contentId = computed(() => {
   return route.params.contentId;
 });
 
+const creatorAlias = ref(route.params.creator); // Récupération de l'alias du créateur
+
 const currentImage = computed(() => {
   return data.value?.urls[currentImageIndex.value] || '';
 });
@@ -114,6 +110,16 @@ const fetchContentData = async (contentId) => {
   }
 };
 
+
+const fetchCreatorData = async (creatorAlias) => {
+  try {
+    const response = await client.get(`/api/creators/@hutopy`);
+    creator.value = response.data;
+  } catch (error) {
+    console.error(`Error fetching creator data: ${error}`);
+  }
+};
+
 function goBack() {
   window.history.go(-1);
 }
@@ -132,13 +138,17 @@ function previousImage() {
 
 onMounted(() => {
   fetchContentData(contentId.value);
+  fetchCreatorData(creatorAlias.value); // Fetch creator data
 });
 
 watch(contentId, (newContentId) => {
   fetchContentData(newContentId);
 });
-</script>
 
+watch(creatorAlias, (newCreatorAlias) => {
+  fetchCreatorData(newCreatorAlias); // Update creator data if alias changes
+});
+</script>
 
 <style scoped>
 .fixed-width {
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 7d5f8ed..1abc568 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -61,8 +61,8 @@
         <div class="px-6 mt-2">
           <subscribe-button :creator="creator"></subscribe-button>
         </div>
-        
-        <donation-button :creator="creator"></donation-button>
+
+        <donation-button :creator="creator" iconColorClass="text-white"></donation-button>
 
 
         <div class="flex flex-row align-center">
diff --git a/src/views/creators/donation-button.vue b/src/views/creators/donation-button.vue
index e9d067f..b48dd80 100644
--- a/src/views/creators/donation-button.vue
+++ b/src/views/creators/donation-button.vue
@@ -1,8 +1,9 @@
 <template>
-  <v-btn variant="text" icon  @click="donationModal = true">
-    <v-icon class="text-2xl">mdi-gift-outline</v-icon>
+  <v-btn variant="text" icon @click="donationModal = true">
+    <v-icon :class="['text-2xl', iconColorClass]">mdi-gift-outline</v-icon>
   </v-btn>
 
+
   <v-dialog v-model="donationModal" max-width="500">
     <v-form>
       <v-card class="text-center rounded-xl" :style="{ border: `3px solid ${creator.colors.menu}` }">
@@ -55,7 +56,7 @@
     <template v-slot:default>
       <v-card>
         <div id="checkout">
-          <!-- Checkout will insert the payment form here -->
+         
         </div>
         <v-card-actions>
           <v-spacer></v-spacer>
@@ -83,6 +84,7 @@ const client = useClient();
 
 const props = defineProps({
   creator: {type: Object, required: true},
+  iconColorClass: { type: String, default: 'text-black' }
 });
 
 

From 758a1a9fdd368825d4eb62abdadf3fec506df48f Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 13 Aug 2024 19:48:39 -0400
Subject: [PATCH 082/109] Improve Explorer template concept

---
 src/views/explorer/explorer.vue | 229 +++++++++++++----
 src/views/explorer/videos.json  | 428 +++++++++++++++++++++++++-------
 2 files changed, 518 insertions(+), 139 deletions(-)

diff --git a/src/views/explorer/explorer.vue b/src/views/explorer/explorer.vue
index d8707c8..966e507 100644
--- a/src/views/explorer/explorer.vue
+++ b/src/views/explorer/explorer.vue
@@ -1,83 +1,204 @@
 <script setup>
-import { ref } from 'vue';
-import { onMounted } from 'vue';
+import { ref, computed } from 'vue';
 import videosData from './videos.json';
-import ExplorerCard from '@/views/explorer/ExplorerCard.vue'; 
+import ExplorerCard from '@/views/explorer/ExplorerCard.vue';
 
-// Data
-const mostLikedVideos = videosData.mostLikedVideos;
-const mostBoughtVideos = videosData.mostBoughtVideos;
-const mostSharedVideos = videosData.mostSharedVideos;
+// Données
 const mostViewedVideos = videosData.mostViewedVideos;
+const mostBoughtVideos = videosData.mostBoughtVideos;
 
-// State to control the current range of videos displayed
-const currentRangeLiked = ref(0);
-const currentRangeBought = ref(0);
-const currentRangeShared = ref(0);
+// État pour contrôler la plage actuelle des vidéos affichées
 const currentRangeViewed = ref(0);
-const videosPerRow = 4;
-const animationDirection = ref('');
+const currentRangeBought = ref(0);
 
-// Function to move to the next set of videos
-const nextRow = (currentRange, videosList) => {
-  if (currentRange.value + videosPerRow < videosList.length) {
-    animationDirection.value = 'down';
-    setTimeout(() => {
-      currentRange.value += videosPerRow;
-    }, 300);
+const videosPerRowViewed = ref(4); // Nombre initial de vidéos par ligne pour Most Viewed
+const videosPerRowBought = ref(4); // Nombre initial de vidéos par ligne pour Most Bought
+
+const selectedTimeRangeViewed = ref('24h'); // Plage de temps sélectionnée pour Most Viewed
+const selectedTimeRangeBought = ref('24h'); // Plage de temps sélectionnée pour Most Bought
+
+// Fonction pour passer à l'ensemble suivant de vidéos (Most Viewed)
+const nextRowViewed = () => {
+  if (currentRangeViewed.value + videosPerRowViewed.value < mostViewedVideos.length) {
+    currentRangeViewed.value += videosPerRowViewed.value;
   }
 };
 
-// Function to move to the previous set of videos
-const previousRow = (currentRange) => {
-  if (currentRange.value - videosPerRow >= 0) {
-    animationDirection.value = 'up';
-    setTimeout(() => {
-      currentRange.value -= videosPerRow;
-    }, 300);
+// Fonction pour revenir à l'ensemble précédent de vidéos (Most Viewed)
+const previousRowViewed = () => {
+  if (currentRangeViewed.value - videosPerRowViewed.value >= 0) {
+    currentRangeViewed.value -= videosPerRowViewed.value;
   }
 };
 
-// Function to animate the transition
-const animationClass = () => {
-  if (animationDirection.value === 'down') {
-    return 'transition-transform transform translate-y-full opacity-0';
-  } else if (animationDirection.value === 'up') {
-    return 'transition-transform transform -translate-y-full opacity-0';
+// Fonction pour passer à l'ensemble suivant de vidéos (Most Bought)
+const nextRowBought = () => {
+  if (currentRangeBought.value + videosPerRowBought.value < mostBoughtVideos.length) {
+    currentRangeBought.value += videosPerRowBought.value;
   }
-  return '';
 };
 
-onMounted(() => {
-  animationDirection.value = '';
+// Fonction pour revenir à l'ensemble précédent de vidéos (Most Bought)
+const previousRowBought = () => {
+  if (currentRangeBought.value - videosPerRowBought.value >= 0) {
+    currentRangeBought.value -= videosPerRowBought.value;
+  }
+};
+
+// Fonction pour basculer entre l'affichage de 4 et 8 vidéos (Most Viewed)
+const toggleVideoDisplayViewed = () => {
+  if (videosPerRowViewed.value === 4) {
+    if (currentRangeViewed.value + videosPerRowViewed.value >= mostViewedVideos.length) {
+      currentRangeViewed.value = Math.max(mostViewedVideos.length - 8, 0);
+    }
+    videosPerRowViewed.value = 8;
+  } else {
+    videosPerRowViewed.value = 4;
+  }
+};
+
+// Fonction pour basculer entre l'affichage de 4 et 8 vidéos (Most Bought)
+const toggleVideoDisplayBought = () => {
+  if (videosPerRowBought.value === 4) {
+    if (currentRangeBought.value + videosPerRowBought.value >= mostBoughtVideos.length) {
+      currentRangeBought.value = Math.max(mostBoughtVideos.length - 8, 0);
+    }
+    videosPerRowBought.value = 8;
+  } else {
+    videosPerRowBought.value = 4;
+  }
+};
+
+// Fonction pour changer la plage de temps sélectionnée pour Most Viewed
+const changeTimeRangeViewed = (range) => {
+  selectedTimeRangeViewed.value = range;
+  currentRangeViewed.value = 0; // Réinitialiser la plage de vidéos affichées (Most Viewed)
+  // Logique pour filtrer les vidéos en fonction de la plage de temps sélectionnée
+  // À implémenter si nécessaire
+};
+
+// Fonction pour changer la plage de temps sélectionnée pour Most Bought
+const changeTimeRangeBought = (range) => {
+  selectedTimeRangeBought.value = range;
+  currentRangeBought.value = 0; // Réinitialiser la plage de vidéos affichées (Most Bought)
+  // Logique pour filtrer les vidéos en fonction de la plage de temps sélectionnée
+  // À implémenter si nécessaire
+};
+
+// Computed property pour le changement d'icône du chevron (Most Viewed)
+const chevronIconViewed = computed(() => {
+  return videosPerRowViewed.value === 4 ? 'mdi-chevron-down' : 'mdi-chevron-up';
 });
+
+// Computed property pour le changement d'icône du chevron (Most Bought)
+const chevronIconBought = computed(() => {
+  return videosPerRowBought.value === 4 ? 'mdi-chevron-down' : 'mdi-chevron-up';
+});
+
 </script>
 
 <template>
   <div class="container mx-auto py-4">
+    <!-- Section Most Viewed avec boutons de sélection de la plage de temps -->
+    <div class="flex justify-between items-center mb-4">
+      <h2 class="text-2xl font-bold">Most Viewed</h2>
+      <div class="flex space-x-4">
+        <v-btn variant="outlined" small @click="changeTimeRangeViewed('24h')" :class="{'v-btn--active': selectedTimeRangeViewed === '24h'}">
+          <v-icon left>mdi-timer</v-icon> 24h
+        </v-btn>
+        <v-btn variant="outlined"  small @click="changeTimeRangeViewed('72h')" :class="{'v-btn--active': selectedTimeRangeViewed === '72h'}">
+          <v-icon left>mdi-timer-sand</v-icon> 72h
+        </v-btn>
+        <v-btn variant="outlined"  small @click="changeTimeRangeViewed('week')" :class="{'v-btn--active': selectedTimeRangeViewed === 'week'}">
+          <v-icon left>mdi-calendar-week</v-icon> Semaine
+        </v-btn>
+        <v-btn variant="outlined"  small @click="changeTimeRangeViewed('month')" :class="{'v-btn--active': selectedTimeRangeViewed === 'month'}">
+          <v-icon left>mdi-calendar-month</v-icon> Mois
+        </v-btn>
+      </div>
+    </div>
 
-    <!-- Section Most Viewed -->
-    <h2 class="text-2xl font-bold mb-2">Most Viewed</h2>
+    <!-- Liste des vidéos les plus vues -->
     <div class="flex flex-row">
       <div class="relative overflow-hidden">
-        <div :class="`grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8 ${animationClass()}`">
-          <ExplorerCard v-for="(video, index) in mostViewedVideos.slice(currentRangeViewed, currentRangeViewed + videosPerRow)" :key="video.id" :video="video" />
+        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8">
+          <ExplorerCard
+              v-for="(video, index) in mostViewedVideos.slice(currentRangeViewed, currentRangeViewed + videosPerRowViewed)"
+              :key="video.id"
+              :video="video"
+          />
         </div>
       </div>
       <div class="flex flex-col justify-center px-2">
-        <v-btn @click="previousRow(currentRangeViewed)" :disabled="currentRangeViewed === 0" class="mb-2">
+        <!-- Bouton pour naviguer vers l'ensemble précédent de vidéos (Most Viewed) -->
+        <v-btn @click="previousRowViewed" :disabled="currentRangeViewed === 0" class="mb-2">
           <v-icon>mdi-arrow-up-circle-outline</v-icon>
         </v-btn>
-        <v-btn @click="nextRow(currentRangeViewed, mostViewedVideos)" :disabled="currentRangeViewed + videosPerRow >= mostViewedVideos.length">
+        <!-- Bouton pour naviguer vers l'ensemble suivant de vidéos (Most Viewed) -->
+        <v-btn @click="nextRowViewed" :disabled="currentRangeViewed + videosPerRowViewed.value >= mostViewedVideos.length">
           <v-icon>mdi-arrow-down-circle-outline</v-icon>
         </v-btn>
       </div>
     </div>
 
-    <!-- Horizontal Line -->
-    <hr class="my-3">
+    <!-- Chevron pour basculer entre l'affichage de 4 et 8 vidéos (Most Viewed) -->
+    <div class="flex justify-center mt-4">
+      <v-btn icon @click="toggleVideoDisplayViewed">
+        <v-icon>{{ chevronIconViewed }}</v-icon>
+      </v-btn>
+    </div>
 
-    <!-- Repeat similar blocks for Most Liked, Most Bought, Most Shared -->
+    <!-- Ligne de séparation -->
+    <hr class="my-8"/>
+
+    <!-- Section Most Bought avec boutons de sélection de la plage de temps -->
+    <div class="flex justify-between items-center mb-4">
+      <h2 class="text-2xl font-bold">Most Bought</h2>
+      <div class="flex space-x-4">
+        <v-btn variant="outlined" small @click="changeTimeRangeBought('24h')" :class="{'v-btn--active': selectedTimeRangeBought === '24h'}">
+          <v-icon left>mdi-timer</v-icon> 24h
+        </v-btn>
+        <v-btn variant="outlined"  small @click="changeTimeRangeBought('72h')" :class="{'v-btn--active': selectedTimeRangeBought === '72h'}">
+          <v-icon left>mdi-timer-sand</v-icon> 72h
+        </v-btn>
+        <v-btn variant="outlined"  small @click="changeTimeRangeBought('week')" :class="{'v-btn--active': selectedTimeRangeBought === 'week'}">
+          <v-icon left>mdi-calendar-week</v-icon> Semaine
+        </v-btn>
+        <v-btn variant="outlined"  small @click="changeTimeRangeBought('month')" :class="{'v-btn--active': selectedTimeRangeBought === 'month'}">
+          <v-icon left>mdi-calendar-month</v-icon> Mois
+        </v-btn>
+      </div>
+    </div>
+
+    <!-- Liste des vidéos les plus achetées -->
+    <div class="flex flex-row">
+      <div class="relative overflow-hidden">
+        <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6 mb-8">
+          <ExplorerCard
+              v-for="(video, index) in mostBoughtVideos.slice(currentRangeBought, currentRangeBought + videosPerRowBought)"
+              :key="video.id"
+              :video="video"
+          />
+        </div>
+      </div>
+      <div class="flex flex-col justify-center px-2">
+        <!-- Bouton pour naviguer vers l'ensemble précédent de vidéos (Most Bought) -->
+        <v-btn @click="previousRowBought" :disabled="currentRangeBought === 0" class="mb-2">
+          <v-icon>mdi-arrow-up-circle-outline</v-icon>
+        </v-btn>
+        <!-- Bouton pour naviguer vers l'ensemble suivant de vidéos (Most Bought) -->
+        <v-btn @click="nextRowBought" :disabled="currentRangeBought + videosPerRowBought.value >= mostBoughtVideos.length">
+          <v-icon>mdi-arrow-down-circle-outline</v-icon>
+        </v-btn>
+      </div>
+    </div>
+
+    <!-- Chevron pour basculer entre l'affichage de 4 et 8 vidéos (Most Bought) -->
+    <div class="flex justify-center mt-4">
+      <v-btn icon @click="toggleVideoDisplayBought">
+        <v-icon>{{ chevronIconBought }}</v-icon>
+      </v-btn>
+    </div>
   </div>
 </template>
 
@@ -85,4 +206,22 @@ onMounted(() => {
 .container {
   max-width: 1200px;
 }
+
+.v-btn--active {
+  background-color: #1976d2;
+  color: white;
+}
+
+.v-btn--active.v-btn--text {
+  background-color: #1976d2;
+  color: white;
+}
+
+.v-btn--text:hover {
+  background-color: rgba(25, 118, 210, 0.1);
+}
+
+hr {
+  border: 1px solid #ddd;
+}
 </style>
diff --git a/src/views/explorer/videos.json b/src/views/explorer/videos.json
index ee47335..cda23f4 100644
--- a/src/views/explorer/videos.json
+++ b/src/views/explorer/videos.json
@@ -1,170 +1,410 @@
 {
   "mostLikedVideos": [
     {
-      "id": 37,
-      "title": "Amazing Video Title",
+      "id": 1,
+      "title": "Top 10 Football Goals",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "A compilation of the best goals in football history.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Alex Martin",
+      "vues": 5000,
+      "timeAgo": "3 hours"
     },
     {
-      "id": 38,
-      "title": "Amazing Video Title",
+      "id": 2,
+      "title": "Basketball Dunk Contest Highlights",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Watch the best dunks from the latest dunk contest.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Jordan Lee",
+      "vues": 4500,
+      "timeAgo": "5 hours"
     },
     {
-      "id": 39,
-      "title": "Amazing Video Title",
+      "id": 3,
+      "title": "Epic Tennis Rallies",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "A look at some of the most intense rallies in tennis.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Serena West",
+      "vues": 4700,
+      "timeAgo": "1 day"
     },
     {
-      "id": 40,
-      "title": "Amazing Video Title",
+      "id": 4,
+      "title": "Marathon Motivation",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Get inspired by these marathon runners.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Eliud Kip",
+      "vues": 3800,
+      "timeAgo": "2 days"
+    },
+    {
+      "id": 5,
+      "title": "Best Volleyball Spikes",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Watch these powerful volleyball spikes in action.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Misty May",
+      "vues": 4200,
+      "timeAgo": "3 days"
+    },
+    {
+      "id": 6,
+      "title": "Cycling Through The Alps",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Experience the thrill of cycling in the Alps.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Lance Ryder",
+      "vues": 3900,
+      "timeAgo": "4 days"
+    },
+    {
+      "id": 7,
+      "title": "Cricket's Greatest Hits",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "A look at some of the most memorable moments in cricket.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Sachin Kumar",
+      "vues": 4400,
+      "timeAgo": "5 days"
+    },
+    {
+      "id": 8,
+      "title": "Top MMA Knockouts",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "The most shocking knockouts in MMA history.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Conor Mac",
+      "vues": 5000,
+      "timeAgo": "6 days"
+    },
+    {
+      "id": 9,
+      "title": "F1 Racing Highlights",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "A thrilling recap of the latest Formula 1 races.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Lewis Ham",
+      "vues": 4800,
+      "timeAgo": "1 week"
+    },
+    {
+      "id": 10,
+      "title": "Golf's Most Amazing Shots",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Witness the most incredible shots in golf.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Tiger Woods",
+      "vues": 5300,
+      "timeAgo": "1 week"
     }
   ],
   "mostBoughtVideos": [
     {
-      "id": 41,
-      "title": "Amazing Video Title",
+      "id": 11,
+      "title": "Football Training Drills",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Master the best football drills for every position.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
+      "name": "Pep Guardiola",
+      "vues": 6000,
       "timeAgo": "2 hours"
     },
     {
-      "id": 42,
-      "title": "Amazing Video Title",
+      "id": 12,
+      "title": "Advanced Basketball Techniques",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Learn advanced techniques to improve your game.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Kobe Bryant",
+      "vues": 5500,
+      "timeAgo": "4 hours"
     },
     {
-      "id": 43,
-      "title": "Amazing Video Title",
+      "id": 13,
+      "title": "Perfecting Your Tennis Serve",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Tips and tricks to perfect your tennis serve.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Roger Federer",
+      "vues": 5100,
+      "timeAgo": "6 hours"
     },
     {
-      "id": 44,
-      "title": "Amazing Video Title",
+      "id": 14,
+      "title": "Marathon Nutrition Guide",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Essential nutrition tips for marathon runners.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Meb Keflezighi",
+      "vues": 4800,
+      "timeAgo": "1 day"
+    },
+    {
+      "id": 15,
+      "title": "Volleyball Defense Mastery",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Become a defensive powerhouse in volleyball.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Kerri Walsh",
+      "vues": 4700,
+      "timeAgo": "2 days"
+    },
+    {
+      "id": 16,
+      "title": "Ultimate Cycling Techniques",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Improve your cycling skills with these techniques.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Chris Froome",
+      "vues": 4600,
+      "timeAgo": "3 days"
+    },
+    {
+      "id": 17,
+      "title": "Mastering Spin Bowling",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Learn the art of spin bowling in cricket.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Shane Warne",
+      "vues": 5200,
+      "timeAgo": "4 days"
+    },
+    {
+      "id": 18,
+      "title": "MMA Grappling Techniques",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Dominate the ground game with these techniques.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Khabib Nur",
+      "vues": 5300,
+      "timeAgo": "5 days"
+    },
+    {
+      "id": 19,
+      "title": "F1 Pit Stop Secrets",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Learn the strategies behind a perfect F1 pit stop.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Sebastian Vettel",
+      "vues": 5400,
+      "timeAgo": "6 days"
+    },
+    {
+      "id": 20,
+      "title": "Golf Putting Techniques",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Improve your putting with these expert tips.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Phil Mickelson",
+      "vues": 5500,
+      "timeAgo": "1 week"
     }
   ],
   "mostSharedVideos": [
     {
-      "id": 45,
-      "title": "Amazing Video Title",
+      "id": 21,
+      "title": "Soccer Match Replays",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Watch full replays of the latest soccer matches.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Cristiano Ronaldo",
+      "vues": 6000,
+      "timeAgo": "1 hour"
     },
     {
-      "id": 46,
-      "title": "Amazing Video Title",
+      "id": 22,
+      "title": "Basketball Trick Shots",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "The most incredible trick shots in basketball.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Steph Curry",
+      "vues": 5900,
+      "timeAgo": "3 hours"
     },
     {
-      "id": 47,
-      "title": "Amazing Video Title",
+      "id": 23,
+      "title": "Tennis Grand Slam Finals",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Relive the excitement of Grand Slam tennis finals.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Novak Djokovic",
+      "vues": 5800,
+      "timeAgo": "5 hours"
     },
     {
-      "id": 48,
-      "title": "Amazing Video Title",
+      "id": 24,
+      "title": "Running Tips for Beginners",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Get started with running with these beginner tips.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Usain Bolt",
+      "vues": 5700,
+      "timeAgo": "1 day"
+    },
+    {
+      "id": 25,
+      "title": "Beach Volleyball Highlights",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Catch the best moments from beach volleyball matches.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "April Ross",
+      "vues": 5600,
+      "timeAgo": "2 days"
+    },
+    {
+      "id": 26,
+      "title": "Mountain Biking Adventures",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Experience the thrill of mountain biking.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Danny MacAskill",
+      "vues": 5500,
+      "timeAgo": "3 days"
+    },
+    {
+      "id": 27,
+      "title": "Cricket World Cup Highlights",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "The most thrilling moments from the Cricket World Cup.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Virat Kohli",
+      "vues": 5400,
+      "timeAgo": "4 days"
+    },
+    {
+      "id": 28,
+      "title": "MMA Fight Replays",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Watch full replays of the most intense MMA fights.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Anderson Silva",
+      "vues": 5300,
+      "timeAgo": "5 days"
+    },
+    {
+      "id": 29,
+      "title": "F1 Crash Compilation",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "A compilation of the most shocking F1 crashes.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Michael Schumacher",
+      "vues": 5200,
+      "timeAgo": "6 days"
+    },
+    {
+      "id": 30,
+      "title": "Golf Tips for Beginners",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Essential tips for those new to golf.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Jack Nicklaus",
+      "vues": 5100,
+      "timeAgo": "1 week"
     }
   ],
   "mostViewedVideos": [
     {
-      "id": 49,
-      "title": "Amazing Video Title",
+      "id": 31,
+      "title": "Soccer's Greatest Goals",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "A look at the greatest goals ever scored in soccer.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
+      "name": "Lionel Messi",
+      "vues": 7000,
+      "timeAgo": "30 minutes"
+    },
+    {
+      "id": 32,
+      "title": "Best of Basketball Finals",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Relive the best moments from recent basketball finals.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "LeBron James",
+      "vues": 6900,
+      "timeAgo": "1 hour"
+    },
+    {
+      "id": 33,
+      "title": "Tennis Serve Speed Records",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Check out the fastest serves ever recorded in tennis.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Andy Roddick",
+      "vues": 6800,
       "timeAgo": "2 hours"
     },
     {
-      "id": 50,
-      "title": "Amazing Video Title",
+      "id": 34,
+      "title": "Running in Extreme Weather",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Tips for running in various weather conditions.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Mo Farah",
+      "vues": 6700,
+      "timeAgo": "3 hours"
     },
     {
-      "id": 51,
-      "title": "Amazing Video Title",
+      "id": 35,
+      "title": "Volleyball Team Strategies",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "Learn advanced team strategies for volleyball.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Giba Godoy",
+      "vues": 6600,
+      "timeAgo": "4 hours"
     },
     {
-      "id": 52,
-      "title": "Amazing Video Title",
+      "id": 36,
+      "title": "Cycling Gear Tips",
       "thumbnail": "src/views/explorer/ThumbnailImage.png",
-      "description": "This is a brief description of the video content.",
+      "description": "A guide to choosing the best cycling gear.",
       "profileImage": "src/views/explorer/ThumbnailImage.png",
-      "name": "John Doe",
-      "vues": 1200,
-      "timeAgo": "2 hours"
+      "name": "Peter Sagan",
+      "vues": 6500,
+      "timeAgo": "1 day"
+    },
+    {
+      "id": 37,
+      "title": "Cricket Batting Techniques",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Improve your batting with these cricket techniques.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Brian Lara",
+      "vues": 6400,
+      "timeAgo": "2 days"
+    },
+    {
+      "id": 38,
+      "title": "MMA Striking Combinations",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Learn effective striking combinations in MMA.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Georges St-Pierre",
+      "vues": 6300,
+      "timeAgo": "3 days"
+    },
+    {
+      "id": 39,
+      "title": "F1 Overtakes Compilation",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "The most exciting overtakes in F1 history.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Ayrton Senna",
+      "vues": 6200,
+      "timeAgo": "4 days"
+    },
+    {
+      "id": 40,
+      "title": "Golf Swing Analysis",
+      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "description": "Breakdown of the best golf swings.",
+      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "name": "Rory McIlroy",
+      "vues": 6100,
+      "timeAgo": "5 days"
     }
   ]
 }

From 3777bbacef35fff8a4c5c5e537059233f7601059 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Tue, 13 Aug 2024 23:16:22 -0400
Subject: [PATCH 083/109] Add color to comments when there are messages.

---
 src/views/contents/ContentCard.vue | 23 ++++---
 src/views/messages/MessageList.vue | 96 ++++++++++++++----------------
 2 files changed, 61 insertions(+), 58 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 8e2037d..24494fe 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -78,13 +78,18 @@
           <v-icon>mdi-comment-outline</v-icon>
         </v-btn>
 
-        <!-- Utilisation de l'objet creator ici -->
+ 
         <donation-button :creator="creator" iconColorClass="text-black"></donation-button>
       </div>
 
       <div :class="{'hidden': !commentsVisible}">
         <h2 class="font-sans font-semibold mt-2">Commentaires</h2>
-        <message-list :subject-id="props.content.id" :messages="messages"></message-list>
+        <message-list
+            :subject-id="props.content.id"
+            :messages="messages"
+            @messages-found="handleMessagesFound"
+        ></message-list>
+
       </div>
 
       <div class="py-2">
@@ -121,9 +126,7 @@ const loading = ref(true);
 const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
 const commentsVisible = ref(false);
 const messages = ref([]);
-
-// Propriété calculée pour vérifier s'il y a des commentaires
-const hasComments = computed(() => messages.value.length > 0);
+const hasComments = ref(false);
 
 onBeforeMount(async () => await fetchCreatorData(creatorAlias.value))
 
@@ -139,6 +142,12 @@ async function fetchCreatorData(creatorAlias) {
   }
 }
 
+function handleMessagesFound(hasMessages) {
+  if (hasMessages) {
+    hasComments.value = true;   
+  }
+}
+
 function addMessage(newMessage) {
   messages.value.unshift(newMessage);
   commentsVisible.value = true;
@@ -204,7 +213,7 @@ function redirectToContent() {
   display: none;
 }
 
-.comment-active-v-icon {
-  color: #DB1AAA;
+.comment-active .v-icon {
+  color: #D63DAB; 
 }
 </style>
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index a7ff5d0..a94167d 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -1,22 +1,17 @@
 <template>
-
-  <v-infinite-scroll :items="messages"
-                     :onLoad="load"
-                     mode="manual"
-                     class="justify-items-center">
-
+  <v-infinite-scroll
+      :items="messages"
+      :onLoad="load"
+      mode="manual"
+      class="justify-items-center"
+  >
     <template v-for="(message, index) in messages" :key="index">
-      <message :message="message"
-               class="border-b"
-      ></message>
+      <message :message="message" class="border-b"></message>
     </template>
 
     <template v-slot:load-more="{ props }">
-      <v-btn
-          size="small"
-          variant="outlined"
-          v-bind="props"
-      >Voir plus de commentaires
+      <v-btn size="small" variant="outlined" v-bind="props">
+        Voir plus de commentaires
       </v-btn>
     </template>
 
@@ -27,72 +22,71 @@
     <template v-slot:error>
       <v-alert type="error">{{ errorMessage }}</v-alert>
     </template>
-
   </v-infinite-scroll>
-
 </template>
 
 <script setup>
-
+import { ref, onBeforeMount } from 'vue';
+import { useClient } from '@/plugins/api.js';
 import Message from "@/views/messages/Message.vue";
 
-import {useClient} from '@/plugins/api.js';
-import {onBeforeMount, ref} from 'vue';
-
+const emit = defineEmits(['messages-found']);
 const props = defineProps({
   subjectId: {
     type: String,
-    required: true
+    required: true,
   },
   messages: {
-    default: []
-  }
+    type: Array,
+    default: () => [],
+  },
 });
 
-const errorMessage = ref()
-let last_id = null
+const errorMessage = ref(null);
+let last_id = null;
 const client = useClient();
 const messages = ref(props.messages);
 
 onBeforeMount(async () => {
-  if (props.subjectId == null) return
+  if (props.subjectId == null) return;
   await load({
     page_size: 2,
-    done: function (status) {
-    }
-  })
-})
+    done: function (status) {},
+  });
+});
 
-async function load({done, page_size}) {
-  if (props.subjectId == null) return
-  if (page_size === undefined) page_size = 10
+async function load({ done, page_size = 10 }) {
+  if (props.subjectId == null) return;
 
   try {
-    let uri = `/api/messages/${props.subjectId}?page_size=${page_size}`
-    if (last_id !== null) uri = uri + `&last_id=${last_id}`
-    
-    const response = await client.get(uri)
+    let uri = `/api/messages/${props.subjectId}?page_size=${page_size}`;
+    if (last_id !== null) uri = uri + `&last_id=${last_id}`;
+
+    const response = await client.get(uri);
 
     if (response.status >= 200 && response.status < 300) {
-
-      const messageCount = response.data.messages.length
+      const messageCount = response.data.messages.length;
 
       if (messageCount > 0) {
-        messages.value.push(...response.data.messages)
-        const [last_content] = response.data.messages.slice(-1)
-        last_id = last_content.id
+        messages.value.push(...response.data.messages);
+        const [last_content] = response.data.messages.slice(-1);
+        last_id = last_content.id;
+    
+        if (messageCount > 0) {
+          emit('messages-found', true);
+        }
       }
 
-      if (messageCount < page_size)
-        done('empty')
-      else
-        done('ok')
+      if (messageCount < page_size) {
+        done('empty');
+      } else {
+        done('ok');
+      }
     }
   } catch (error) {
-    console.error("Failed to fetch posts", error);
-    errorMessage.value = error
-    done('error')
+    console.error("Failed to fetch messages", error);
+    errorMessage.value = error.message || "Failed to fetch messages";
+    done('error');
   }
 }
-
-</script>
\ No newline at end of file
+</script>

From 36871abbcc7c81ecf2b5e59aff02e866b0ef2f6d Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 15 Aug 2024 12:28:29 -0400
Subject: [PATCH 084/109] Fix naming of DonationButton.vue

---
 src/views/contents/ContentCard.vue                             | 2 +-
 src/views/contents/ContentPage.vue                             | 2 +-
 src/views/creators/CreatorBanner.vue                           | 2 +-
 src/views/creators/{donation-button.vue => DonationButton.vue} | 0
 4 files changed, 3 insertions(+), 3 deletions(-)
 rename src/views/creators/{donation-button.vue => DonationButton.vue} (100%)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 24494fe..a523a71 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -108,7 +108,7 @@ import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
 import ImageViewer from './ImageViewer.vue';
-import DonationButton from "@/views/creators/donation-button.vue";
+import DonationButton from "@/views/creators/DonationButton.vue";
 
 const props = defineProps({
   content: {
diff --git a/src/views/contents/ContentPage.vue b/src/views/contents/ContentPage.vue
index eb57e60..10c6a44 100644
--- a/src/views/contents/ContentPage.vue
+++ b/src/views/contents/ContentPage.vue
@@ -75,7 +75,7 @@
 import { ref, computed, onMounted, watch } from 'vue';
 import PostMessage from "@/views/messages/PostMessage.vue";
 import MessageList from "@/views/messages/MessageList.vue";
-import DonationButton from "@/views/creators/donation-button.vue";
+import DonationButton from "@/views/creators/DonationButton.vue";
 import { useClient } from "@/plugins/api.js";
 import { useRoute } from 'vue-router';
 
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 1abc568..7a0f7b7 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -84,7 +84,7 @@
 import CreatorAbout from "@/views/creators/CreatorAbout.vue";
 import SubscribeButton from "@/views/creators/SubscribeButton.vue";
 import PublishContentButton from "@/views/contents/PublishContentButton.vue";
-import DonationButton from "@/views/creators/donation-button.vue";
+import DonationButton from "@/views/creators/DonationButton.vue";
 
 const props = defineProps({
   creator: {type: Object, required: true},
diff --git a/src/views/creators/donation-button.vue b/src/views/creators/DonationButton.vue
similarity index 100%
rename from src/views/creators/donation-button.vue
rename to src/views/creators/DonationButton.vue

From c438bbb5707ddecf57d78db9ac67ea73054e2325 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 15 Aug 2024 12:41:33 -0400
Subject: [PATCH 085/109] Simplify the logic for content with and without
 comments

---
 src/views/contents/ContentCard.vue | 47 +++++++-----------------------
 src/views/messages/MessageList.vue |  5 ----
 2 files changed, 10 insertions(+), 42 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index a523a71..e74a72b 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -71,23 +71,22 @@
           <v-icon>mdi-thumb-down-outline</v-icon>
         </v-btn>
         <v-btn
-            :class="{'comment-active': hasComments}"
+            :class="{'comment-active': hasMessages}"
             variant="plain"
             icon
             @click="toggleComments">
           <v-icon>mdi-comment-outline</v-icon>
         </v-btn>
 
- 
+
         <donation-button :creator="creator" iconColorClass="text-black"></donation-button>
       </div>
 
-      <div :class="{'hidden': !commentsVisible}">
+      <div :class="{'hidden': !messagesVisible}">
         <h2 class="font-sans font-semibold mt-2">Commentaires</h2>
         <message-list
             :subject-id="props.content.id"
             :messages="messages"
-            @messages-found="handleMessagesFound"
         ></message-list>
 
       </div>
@@ -100,10 +99,8 @@
 </template>
 
 <script setup>
-import { computed, ref, onBeforeMount } from 'vue';
-import { useRoute } from 'vue-router';
-import { useClient } from "@/plugins/api.js";
-import { time_ago } from "@/internal_time_ago.js";
+import {computed, ref} from 'vue';
+import {time_ago} from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
@@ -117,44 +114,20 @@ const props = defineProps({
   }
 });
 
-const route = useRoute();
-const client = useClient();
-const creatorAlias = ref(route.params.creator);
 const creator = ref(null);
-const loading = ref(true);
 
 const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
-const commentsVisible = ref(false);
+const messagesVisible = ref(false);
 const messages = ref([]);
-const hasComments = ref(false);
-
-onBeforeMount(async () => await fetchCreatorData(creatorAlias.value))
-
-async function fetchCreatorData(creatorAlias) {
-  try {
-    loading.value = true;
-    const response = await client.get(`/api/creators/@${creatorAlias}`);
-    creator.value = response.data;
-  } catch (error) {
-    console.error(`Error fetching creator data: ${error}`);
-  } finally {
-    loading.value = false;
-  }
-}
-
-function handleMessagesFound(hasMessages) {
-  if (hasMessages) {
-    hasComments.value = true;   
-  }
-}
+const hasMessages = computed(() => messages.value.length > 0)
 
 function addMessage(newMessage) {
   messages.value.unshift(newMessage);
-  commentsVisible.value = true;
+  messagesVisible.value = true;
 }
 
 function toggleComments() {
-  commentsVisible.value = !commentsVisible.value;
+  messagesVisible.value = !messagesVisible.value;
 }
 
 function likeContent() {
@@ -214,6 +187,6 @@ function redirectToContent() {
 }
 
 .comment-active .v-icon {
-  color: #D63DAB; 
+  color: #D63DAB;
 }
 </style>
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index a94167d..5ac8bc5 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -30,7 +30,6 @@ import { ref, onBeforeMount } from 'vue';
 import { useClient } from '@/plugins/api.js';
 import Message from "@/views/messages/Message.vue";
 
-const emit = defineEmits(['messages-found']);
 const props = defineProps({
   subjectId: {
     type: String,
@@ -71,10 +70,6 @@ async function load({ done, page_size = 10 }) {
         messages.value.push(...response.data.messages);
         const [last_content] = response.data.messages.slice(-1);
         last_id = last_content.id;
-    
-        if (messageCount > 0) {
-          emit('messages-found', true);
-        }
       }
 
       if (messageCount < page_size) {

From 3fcf9bd67d974386162e38349468eeba2374822f Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 15 Aug 2024 15:38:04 -0400
Subject: [PATCH 086/109] Ensure the Creator's Colors are applied to the
 DonationButton

---
 src/views/contents/ContentCard.vue    | 18 +++++--
 src/views/contents/ContentPage.vue    | 53 ++++++++++----------
 src/views/creators/CreatorBanner.vue  | 14 ++++--
 src/views/creators/DonationButton.vue | 70 ++++++++++++++++++---------
 4 files changed, 97 insertions(+), 58 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index e74a72b..c3a3665 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -78,8 +78,14 @@
           <v-icon>mdi-comment-outline</v-icon>
         </v-btn>
 
-
-        <donation-button :creator="creator" iconColorClass="text-black"></donation-button>
+        <donation-button :color-border="colorMenu"
+                         :color-accent="colorAccent"
+                         :creator-id="creatorId"
+                         :creator-name="creatorName"
+                         :creator-logo="creatorLogo"
+                         iconColorClass="text-black"
+        ></donation-button>
+        
       </div>
 
       <div :class="{'hidden': !messagesVisible}">
@@ -103,9 +109,9 @@ import {computed, ref} from 'vue';
 import {time_ago} from "@/internal_time_ago.js";
 import MessageList from "@/views/messages/MessageList.vue";
 import PostMessage from "@/views/messages/PostMessage.vue";
+import DonationButton from "@/views/creators/DonationButton.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
 import ImageViewer from './ImageViewer.vue';
-import DonationButton from "@/views/creators/DonationButton.vue";
 
 const props = defineProps({
   content: {
@@ -114,7 +120,11 @@ const props = defineProps({
   }
 });
 
-const creator = ref(null);
+const creatorId = computed(() => props.content.createdBy)
+const creatorName = computed(() => props.content.createdByName)
+const creatorLogo = computed(() => props.content.createdByPortraitUrl)
+const colorMenu = computed(() => props.content.colorMenu)
+const colorAccent = computed(() => props.content.colorAccent)
 
 const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
 const messagesVisible = ref(false);
diff --git a/src/views/contents/ContentPage.vue b/src/views/contents/ContentPage.vue
index 10c6a44..86233f3 100644
--- a/src/views/contents/ContentPage.vue
+++ b/src/views/contents/ContentPage.vue
@@ -55,33 +55,43 @@
           <v-btn variant="plain" icon @click="dislikeContent">
             <v-icon :color="'#000000'">mdi-thumb-down-outline</v-icon>
           </v-btn>
-          <donation-button :creator="creator" iconColorClass="text-black"></donation-button>
+
+          <donation-button v-if="data"
+                           :color-border="data.colorMenu"
+                           :color-accent="data.colorAccent"
+                           :creator-id="data.createdBy"
+                           :creator-name="data.createdByName"
+                           :creator-logo="data.createdByPortraitUrl"
+                           iconColorClass="text-black"
+          ></donation-button>
+
         </div>
       </div>
 
       <div class="border-b-2 p-6">
         <h2 class="font-sans font-semibold">Commentaires</h2>
-        <MessageList :content-id="contentId"></MessageList>
+        <message-list :subject-id="contentId"
+        ></message-list>
       </div>
 
       <div class="border-b-2 p-6">
-        <PostMessage :content-id="contentId"></PostMessage>
+        <post-message :subject-id="contentId"
+        ></post-message>
       </div>
     </div>
   </div>
 </template>
 
 <script setup>
-import { ref, computed, onMounted, watch } from 'vue';
+import {ref, computed, onMounted, watch} from 'vue';
 import PostMessage from "@/views/messages/PostMessage.vue";
 import MessageList from "@/views/messages/MessageList.vue";
 import DonationButton from "@/views/creators/DonationButton.vue";
-import { useClient } from "@/plugins/api.js";
-import { useRoute } from 'vue-router';
+import {useClient} from "@/plugins/api.js";
+import {useRoute} from 'vue-router';
 
-const data = ref();
+const data = ref(null);
 const currentImageIndex = ref(0);
-const creator = ref(null);
 
 const route = useRoute();
 const client = useClient();
@@ -90,36 +100,31 @@ const contentId = computed(() => {
   return route.params.contentId;
 });
 
-const creatorAlias = ref(route.params.creator); // Récupération de l'alias du créateur
-
 const currentImage = computed(() => {
-  return data.value?.urls[currentImageIndex.value] || '';
+  if (data.value && data.value.urls) {
+    return data.value.urls[currentImageIndex.value] || '';
+  }
+  return '';
 });
 
 // Calculer si on a plus d'une image
 const multipleImages = computed(() => {
-  return data.value?.urls.length > 1;
+  if (data.value && data.value.urls) {
+    return data.value.urls.length > 1;
+  }
+  return 0;
 });
 
 const fetchContentData = async (contentId) => {
   try {
     const response = await client.get(`/api/contents/${contentId}`);
     data.value = response.data;
+    console.table(data.value)
   } catch (error) {
     console.error(`Error fetching content: ${error}`);
   }
 };
 
-
-const fetchCreatorData = async (creatorAlias) => {
-  try {
-    const response = await client.get(`/api/creators/@hutopy`);
-    creator.value = response.data;
-  } catch (error) {
-    console.error(`Error fetching creator data: ${error}`);
-  }
-};
-
 function goBack() {
   window.history.go(-1);
 }
@@ -138,16 +143,12 @@ function previousImage() {
 
 onMounted(() => {
   fetchContentData(contentId.value);
-  fetchCreatorData(creatorAlias.value); // Fetch creator data
 });
 
 watch(contentId, (newContentId) => {
   fetchContentData(newContentId);
 });
 
-watch(creatorAlias, (newCreatorAlias) => {
-  fetchCreatorData(newCreatorAlias); // Update creator data if alias changes
-});
 </script>
 
 <style scoped>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 7a0f7b7..9edccdc 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -62,18 +62,24 @@
           <subscribe-button :creator="creator"></subscribe-button>
         </div>
 
-        <donation-button :creator="creator" iconColorClass="text-white"></donation-button>
+        <donation-button :color-border="creator.colors.menu"
+                         :color-accent="creator.colors.accent"
+                         :creator-id="creator.id"
+                         :creator-name="creator.name"
+                         :creator-logo="creator.images.logo"
+                         iconColorClass="text-white"
+        ></donation-button>
 
 
         <div class="flex flex-row align-center">
-       
-         
+
+
         </div>
         <!-- Buttons -->
         <div class="flex flex-wrap items-center  mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
           <publish-content-button :creator="creator"></publish-content-button>
           <div class="text-white text-2xl">{{ creator.about.title }}</div>
-          <creator-about :creator="creator"></creator-about>     
+          <creator-about :creator="creator"></creator-about>
         </div>
       </div>
     </div>
diff --git a/src/views/creators/DonationButton.vue b/src/views/creators/DonationButton.vue
index b48dd80..a0414e7 100644
--- a/src/views/creators/DonationButton.vue
+++ b/src/views/creators/DonationButton.vue
@@ -1,32 +1,32 @@
 <template>
-  <v-btn variant="text" icon @click="donationModal = true">
+  <v-btn variant="text" icon @click="openDonationDialog()">
     <v-icon :class="['text-2xl', iconColorClass]">mdi-gift-outline</v-icon>
   </v-btn>
 
 
   <v-dialog v-model="donationModal" max-width="500">
     <v-form>
-      <v-card class="text-center rounded-xl" :style="{ border: `3px solid ${creator.colors.menu}` }">
+      <v-card class="text-center rounded-xl" :style="{ border: `3px solid ${colorBorder}` }">
         <div class="py-4 text-2xl font-bold border-b mb-2">
           Je Soutiens!
         </div>
 
         <div class="flex flex-row align-center px-3">
           <img
-              :src="creator.images.logo"
+              :src="creatorLogo"
               alt="Profile Image"
               class="rounded-full"
               width="40"
               height="40"
-              :style="{ border: `2px solid ${creator.colors.accent}` }">
-          <div class="capitalize px-2 text-2xl">{{ creator.name }}</div>
-          <v-btn icon @click="donationModal = false" class="ml-auto" variant="text">
+              :style="{ border: `2px solid ${colorAccent}` }">
+          <div class="capitalize px-2 text-2xl">{{ creatorName }}</div>
+          <v-btn icon @click="closeDonationDialog()" class="ml-auto" variant="text">
             <v-icon>mdi-close</v-icon>
           </v-btn>
         </div>
 
         <v-card-text>
-          <v-text-field v-model="price"
+          <v-text-field v-model="tipAmount"
                         class="p-2"
                         label="Montant"
                         density="comfortable"
@@ -44,7 +44,8 @@
                       clearable
           ></v-textarea>
 
-          <v-btn variant="outlined" :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }" @click="goPay()" class="w-full mt-5">
+          <v-btn variant="outlined" :style="{ borderColor: colorBorder, color: colorBorder }"
+                 @click="goPay()" class="w-full mt-5">
             Envoyez
           </v-btn>
         </v-card-text>
@@ -55,9 +56,10 @@
   <v-dialog v-model="isPaymentDialogActive" max-width="720" persistent>
     <template v-slot:default>
       <v-card>
+
         <div id="checkout">
-         
         </div>
+
         <v-card-actions>
           <v-spacer></v-spacer>
           <v-btn block class="ma-auto" style="width: 200px;" text @click="closeDialog()">Annuler</v-btn>
@@ -65,32 +67,52 @@
       </v-card>
     </template>
   </v-dialog>
+  
 </template>
 
 <script setup>
 import {useClient} from '@/plugins/api.js';
 import {loadStripe} from '@stripe/stripe-js';
-import {onMounted, ref} from 'vue';
+import {computed, onMounted, ref} from 'vue';
+
+const props = defineProps({
+  colorBorder: {type: String, required: true},
+  colorAccent: {type: String, required: true},
+  creatorId: {type: String, required: true},
+  creatorName: {type: String, required: true},
+  creatorLogo: {type: String, required: true},
+  iconColorClass: {type: String, default: 'text-black'}
+});
+
+const colorBorder = computed(() => props.colorBorder)
+const colorAccent = computed(() => props.colorAccent)
+const creatorId = computed(() => props.creatorId)
+const creatorName = computed(() => props.creatorName)
+const creatorLogo = computed(() => props.creatorLogo)
 
 const donationModal = ref(false);
-const isPaymentDialogActive = ref(false); // Ajout de cette ligne
-const price = ref(0);
+
+function openDonationDialog() {
+  donationModal.value = true
+}
+
+function closeDonationDialog() {
+  donationModal.value = false
+}
+
+
+const isPaymentDialogActive = ref(false);
+
+const tipAmount = ref(0);
 const tipMessage = ref("");
 
 let stripe = null;
 let checkout;
 
-const client = useClient();
-
-const props = defineProps({
-  creator: {type: Object, required: true},
-  iconColorClass: { type: String, default: 'text-black' }
-});
-
 
 onMounted(async () => {
   stripe = await loadStripe(import.meta.env.VITE_STRIPE_API_KEY);
-  console.log(props.creator.id)
+  console.log(creatorId)
 });
 
 const fetchClientSecret = async () => {
@@ -99,13 +121,13 @@ const fetchClientSecret = async () => {
 };
 
 
-
 async function createCheckoutSession() {
+  const client = useClient()
   let clientSecret = await client.post('/api/Stripe', {
-    amount: (price.value * 100),
+    amount: (tipAmount.value * 100),
     tipMessage: tipMessage.value,
-    creatorId: props.creator.id
-    
+    creatorId: props.creatorId
+
   });
 
   let secret = clientSecret["data"];

From 7afa5d78cb3eecbe8a05095ca9727501f84b4ecd Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 15 Aug 2024 16:30:39 -0400
Subject: [PATCH 087/109] Fix path and names for Profile section

---
 .../PersonnalInfo => account}/AdressesHome.vue |  0
 .../PersonnalInfo => account}/AdressesWork.vue |  0
 .../PersonnalInfo => account}/Birthday.vue     |  0
 .../PersonnalInfo => account}/Email.vue        |  0
 .../PersonnalInfo => account}/Gender.vue       |  0
 .../PersonnalInfo => account}/Name.vue         |  0
 .../Profile/{ => account}/PersonnalInfo.vue    | 14 +++++++-------
 .../PersonnalInfo => account}/Phone.vue        |  0
 .../PageInformations => creators}/About.vue    |  0
 .../BannerPicker.vue                           |  0
 .../ColorsPicker.vue                           |  0
 .../CreateCreator.vue                          |  0
 .../CreatorPage.vue}                           | 12 ++++++------
 .../LogoPicker.vue                             |  0
 .../PageInformations => creators}/Socials.vue  |  0
 .../Profile/{ => security}/AccountSecurity.vue |  6 +++---
 .../ModalPassword.vue                          |  0
 .../ModalRecoveryByEmailInfo.vue               |  0
 .../ModalRecoveryByPhoneInfo.vue               |  0
 src/views/main/Profile.vue                     | 18 +++++++++---------
 20 files changed, 25 insertions(+), 25 deletions(-)
 rename src/views/Profile/{Dialogs/PersonnalInfo => account}/AdressesHome.vue (100%)
 rename src/views/Profile/{Dialogs/PersonnalInfo => account}/AdressesWork.vue (100%)
 rename src/views/Profile/{Dialogs/PersonnalInfo => account}/Birthday.vue (100%)
 rename src/views/Profile/{Dialogs/PersonnalInfo => account}/Email.vue (100%)
 rename src/views/Profile/{Dialogs/PersonnalInfo => account}/Gender.vue (100%)
 rename src/views/Profile/{Dialogs/PersonnalInfo => account}/Name.vue (100%)
 rename src/views/Profile/{ => account}/PersonnalInfo.vue (91%)
 rename src/views/Profile/{Dialogs/PersonnalInfo => account}/Phone.vue (100%)
 rename src/views/Profile/{Dialogs/PageInformations => creators}/About.vue (100%)
 rename src/views/Profile/{Dialogs/PageInformations => creators}/BannerPicker.vue (100%)
 rename src/views/Profile/{Dialogs/PageInformations => creators}/ColorsPicker.vue (100%)
 rename src/views/Profile/{Dialogs/PageInformations => creators}/CreateCreator.vue (100%)
 rename src/views/Profile/{PageInformations.vue => creators/CreatorPage.vue} (96%)
 rename src/views/Profile/{Dialogs/PageInformations => creators}/LogoPicker.vue (100%)
 rename src/views/Profile/{Dialogs/PageInformations => creators}/Socials.vue (100%)
 rename src/views/Profile/{ => security}/AccountSecurity.vue (89%)
 rename src/views/Profile/{Dialogs/AccountSecurity => security}/ModalPassword.vue (100%)
 rename src/views/Profile/{Dialogs/AccountSecurity => security}/ModalRecoveryByEmailInfo.vue (100%)
 rename src/views/Profile/{Dialogs/AccountSecurity => security}/ModalRecoveryByPhoneInfo.vue (100%)

diff --git a/src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue b/src/views/Profile/account/AdressesHome.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue
rename to src/views/Profile/account/AdressesHome.vue
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue b/src/views/Profile/account/AdressesWork.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue
rename to src/views/Profile/account/AdressesWork.vue
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue b/src/views/Profile/account/Birthday.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PersonnalInfo/Birthday.vue
rename to src/views/Profile/account/Birthday.vue
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Email.vue b/src/views/Profile/account/Email.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PersonnalInfo/Email.vue
rename to src/views/Profile/account/Email.vue
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Gender.vue b/src/views/Profile/account/Gender.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PersonnalInfo/Gender.vue
rename to src/views/Profile/account/Gender.vue
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Name.vue b/src/views/Profile/account/Name.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PersonnalInfo/Name.vue
rename to src/views/Profile/account/Name.vue
diff --git a/src/views/Profile/PersonnalInfo.vue b/src/views/Profile/account/PersonnalInfo.vue
similarity index 91%
rename from src/views/Profile/PersonnalInfo.vue
rename to src/views/Profile/account/PersonnalInfo.vue
index 36f8805..214cc08 100644
--- a/src/views/Profile/PersonnalInfo.vue
+++ b/src/views/Profile/account/PersonnalInfo.vue
@@ -131,13 +131,13 @@
 
 <script setup>
 import { ref } from 'vue';
-import Name from '@/views/Profile/Dialogs/PersonnalInfo/Name.vue';
-import AdressesHome from '@/views/Profile/Dialogs/PersonnalInfo/AdressesHome.vue';
-import AdressesWork from '@/views/Profile/Dialogs/PersonnalInfo/AdressesWork.vue';
-import Birthday from '@/views/Profile/Dialogs/PersonnalInfo/Birthday.vue';
-import Email from '@/views/Profile/Dialogs/PersonnalInfo/Email.vue';
-import Gender from '@/views/Profile/Dialogs/PersonnalInfo/Gender.vue';
-import Phone from '@/views/Profile/Dialogs/PersonnalInfo/Phone.vue';
+import Name from './Name.vue';
+import AdressesHome from './AdressesHome.vue';
+import AdressesWork from './AdressesWork.vue';
+import Birthday from './Birthday.vue';
+import Email from './Email.vue';
+import Gender from './Gender.vue';
+import Phone from './Phone.vue';
 
 const dialog = ref(false);
 const currentComponent = ref('');
diff --git a/src/views/Profile/Dialogs/PersonnalInfo/Phone.vue b/src/views/Profile/account/Phone.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PersonnalInfo/Phone.vue
rename to src/views/Profile/account/Phone.vue
diff --git a/src/views/Profile/Dialogs/PageInformations/About.vue b/src/views/Profile/creators/About.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PageInformations/About.vue
rename to src/views/Profile/creators/About.vue
diff --git a/src/views/Profile/Dialogs/PageInformations/BannerPicker.vue b/src/views/Profile/creators/BannerPicker.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PageInformations/BannerPicker.vue
rename to src/views/Profile/creators/BannerPicker.vue
diff --git a/src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue b/src/views/Profile/creators/ColorsPicker.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PageInformations/ColorsPicker.vue
rename to src/views/Profile/creators/ColorsPicker.vue
diff --git a/src/views/Profile/Dialogs/PageInformations/CreateCreator.vue b/src/views/Profile/creators/CreateCreator.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PageInformations/CreateCreator.vue
rename to src/views/Profile/creators/CreateCreator.vue
diff --git a/src/views/Profile/PageInformations.vue b/src/views/Profile/creators/CreatorPage.vue
similarity index 96%
rename from src/views/Profile/PageInformations.vue
rename to src/views/Profile/creators/CreatorPage.vue
index 347355a..b416c08 100644
--- a/src/views/Profile/PageInformations.vue
+++ b/src/views/Profile/creators/CreatorPage.vue
@@ -1,12 +1,12 @@
 <script setup>
 import {ref} from 'vue'
 import {useUserStore} from "@/stores/userStore.js"
-import Socials from '@/views/Profile/Dialogs/PageInformations/Socials.vue'
-import BannerPicker from '@/views/Profile/Dialogs/PageInformations/BannerPicker.vue'
-import ColorsPicker from '@/views/Profile/Dialogs/PageInformations/ColorsPicker.vue'
-import LogoPicker from "@/views/Profile/Dialogs/PageInformations/LogoPicker.vue"
-import About from "@/views/Profile/Dialogs/PageInformations/About.vue";
-import CreateCreator from "@/views/Profile/Dialogs/PageInformations/CreateCreator.vue";
+import Socials from './Socials.vue'
+import BannerPicker from './BannerPicker.vue'
+import ColorsPicker from './ColorsPicker.vue'
+import LogoPicker from "./LogoPicker.vue"
+import About from "./About.vue";
+import CreateCreator from "./CreateCreator.vue";
 
 const userStore = useUserStore()
 
diff --git a/src/views/Profile/Dialogs/PageInformations/LogoPicker.vue b/src/views/Profile/creators/LogoPicker.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PageInformations/LogoPicker.vue
rename to src/views/Profile/creators/LogoPicker.vue
diff --git a/src/views/Profile/Dialogs/PageInformations/Socials.vue b/src/views/Profile/creators/Socials.vue
similarity index 100%
rename from src/views/Profile/Dialogs/PageInformations/Socials.vue
rename to src/views/Profile/creators/Socials.vue
diff --git a/src/views/Profile/AccountSecurity.vue b/src/views/Profile/security/AccountSecurity.vue
similarity index 89%
rename from src/views/Profile/AccountSecurity.vue
rename to src/views/Profile/security/AccountSecurity.vue
index 8f8cf48..98efa5e 100644
--- a/src/views/Profile/AccountSecurity.vue
+++ b/src/views/Profile/security/AccountSecurity.vue
@@ -60,9 +60,9 @@
 
 <script setup>
 import { ref } from 'vue';
-import ModalPassword from '@/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue';
-import ModalRecoveryByEmailInfo from '@/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue';
-import ModalRecoveryByPhoneInfo from '@/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue';
+import ModalPassword from './ModalPassword.vue';
+import ModalRecoveryByEmailInfo from './ModalRecoveryByEmailInfo.vue';
+import ModalRecoveryByPhoneInfo from './ModalRecoveryByPhoneInfo.vue';
 
 
 const dialog = ref(false);
diff --git a/src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue b/src/views/Profile/security/ModalPassword.vue
similarity index 100%
rename from src/views/Profile/Dialogs/AccountSecurity/ModalPassword.vue
rename to src/views/Profile/security/ModalPassword.vue
diff --git a/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue b/src/views/Profile/security/ModalRecoveryByEmailInfo.vue
similarity index 100%
rename from src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByEmailInfo.vue
rename to src/views/Profile/security/ModalRecoveryByEmailInfo.vue
diff --git a/src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue b/src/views/Profile/security/ModalRecoveryByPhoneInfo.vue
similarity index 100%
rename from src/views/Profile/Dialogs/AccountSecurity/ModalRecoveryByPhoneInfo.vue
rename to src/views/Profile/security/ModalRecoveryByPhoneInfo.vue
diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 7c0c5a0..78bf541 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -22,14 +22,14 @@
                 @mouseup="mouseUp"
                 @mousemove="mouseMove">
 
-              <v-btn variant="text" @click="currentComponent = 'PageInformations'">
+              <v-btn variant="text" @click="currentComponent = 'CreatorPage'">
                 <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
-                Informations de votre page
+                Créateur
               </v-btn>
 
               <v-btn variant="text" @click="currentComponent = 'PersonnalInfo'">
                 <v-icon class="mr-2">mdi-information</v-icon>
-                Informations personnelles
+                Utilisateur
               </v-btn>
 
               <v-btn variant="text" @click="currentComponent = 'ManageAccount'">
@@ -58,8 +58,8 @@
       <template v-if="currentComponent === 'ManageAccount'">
         <manage-account></manage-account>
       </template>
-      <template v-else-if="currentComponent === 'PageInformations'">
-        <page-informations></page-informations>
+      <template v-else-if="currentComponent === 'CreatorPage'">
+        <creator-profile></creator-profile>
       </template>
       <template v-else-if="currentComponent === 'PersonnalInfo'">
         <personnal-info></personnal-info>
@@ -74,10 +74,10 @@
 
 <script setup>
 import {ref, onMounted} from "vue";
-import ManageAccount from "@/views/Profile/ManageAccount.vue";
-import PageInformations from "@/views/Profile/PageInformations.vue";
-import PersonnalInfo from "@/views/Profile/PersonnalInfo.vue";
-import AccountSecurity from "@/views/Profile/AccountSecurity.vue";
+import ManageAccount from "@/views/profile/ManageAccount.vue";
+import CreatorPage from "@/views/profile/creators/CreatorPage.vue";
+import PersonnalInfo from "@/views/profile/account/PersonnalInfo.vue";
+import AccountSecurity from "@/views/profile/security/AccountSecurity.vue";
 
 const currentComponent = ref('PersonnalInfo'); // Default component
 const isDown = ref(false);

From 5349db60aee849dfb6ef7875a330e91ccf829eb2 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 15 Aug 2024 17:15:00 -0400
Subject: [PATCH 088/109] Add missing development env

---
 .env.development | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 .env.development

diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..070eaf3
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,4 @@
+VITE_API_URL=https://localhost:5001/
+VITE_STRIPE_API_KEY=pk_test_51OoveVDrRyqXtNdB2st1NgA8WQA9rhgGaf3q7bCpAOoQyyRS30HMCzGeHba7meVGCSPfb1BVWmOTmFOcr9MkKf5H00bLu5MqsS
+VITE_GOOGLE_CLIENT_ID=468391910875-78sfopq1t12ulrv4f5vj227j45guuj66.apps.googleusercontent.com
+VITE_FACEBOOK_APP_ID
\ No newline at end of file

From b8c3ec93915cf82d9501fe03b4f7ff844d0dc9a1 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 15 Aug 2024 17:15:09 -0400
Subject: [PATCH 089/109] wip

---
 src/views/main/Profile.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
index 78bf541..45479cf 100644
--- a/src/views/main/Profile.vue
+++ b/src/views/main/Profile.vue
@@ -59,7 +59,7 @@
         <manage-account></manage-account>
       </template>
       <template v-else-if="currentComponent === 'CreatorPage'">
-        <creator-profile></creator-profile>
+        <creator-page></creator-page>
       </template>
       <template v-else-if="currentComponent === 'PersonnalInfo'">
         <personnal-info></personnal-info>

From 684f716494714098886bca9b0acbd0bee4d31c06 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 15 Aug 2024 22:44:18 -0400
Subject: [PATCH 090/109] Remove console spamming

---
 src/views/creators/DonationButton.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/views/creators/DonationButton.vue b/src/views/creators/DonationButton.vue
index a0414e7..33f210c 100644
--- a/src/views/creators/DonationButton.vue
+++ b/src/views/creators/DonationButton.vue
@@ -112,7 +112,6 @@ let checkout;
 
 onMounted(async () => {
   stripe = await loadStripe(import.meta.env.VITE_STRIPE_API_KEY);
-  console.log(creatorId)
 });
 
 const fetchClientSecret = async () => {

From ebdc40cd856247e8ae35b74c3ddc2d79e6fd2f7e Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 15 Aug 2024 22:44:58 -0400
Subject: [PATCH 091/109] Move all pages and components for Profile together.
 Update router accordingly

---
 src/router/router.js                |  10 +-
 src/views/Profile/ManageAccount.vue |  76 -------------
 src/views/main/Profile.vue          | 167 ----------------------------
 3 files changed, 3 insertions(+), 250 deletions(-)
 delete mode 100644 src/views/Profile/ManageAccount.vue
 delete mode 100644 src/views/main/Profile.vue

diff --git a/src/router/router.js b/src/router/router.js
index 484263b..04464f3 100644
--- a/src/router/router.js
+++ b/src/router/router.js
@@ -13,8 +13,8 @@ import Join from '../views/main/Join.vue'
 import Register from '../views/main/Register.vue'
 import Home from '../views/main/Home.vue'
 import Wallet from '../views/main/Wallet.vue'
-import Profile from '../views/main/Profile.vue'
-import CreatorList from '../views/creators/CreatorList.vue'
+import ProfilePage from '@/views/profile/ProfilePage.vue'
+import CreatorList from '@/views/creators/CreatorList.vue'
 import CreatorPage from "@/views/creators/CreatorPage.vue";
 import ContentPage from "@/views/contents/ContentPage.vue";
 import PostContent from "@/views/contents/PostContent.vue";
@@ -39,10 +39,6 @@ const routes = [
         path: '/@:creator',
         component: CreatorPage
     },
-    {
-        path: '/creators/@:creator',
-        component: Profile
-    },
     {
         path: '/content/post',
         component: PostContent,
@@ -125,7 +121,7 @@ const routes = [
     {
         path: '/profile',
         name: 'profile',
-        component: Profile,
+        component: ProfilePage,
         meta: { requiresAuth: true }
     },
     {
diff --git a/src/views/Profile/ManageAccount.vue b/src/views/Profile/ManageAccount.vue
deleted file mode 100644
index 63d3fb5..0000000
--- a/src/views/Profile/ManageAccount.vue
+++ /dev/null
@@ -1,76 +0,0 @@
-<template>
-  <div class="flex flex-col items-center w-full">
-    <h1 class="uppercase pb-5 text-2xl">  <v-icon class="mr-2 text">mdi-account</v-icon> Gestion des comptes</h1>
-
-    <div class="border rounded-2xl w-full max-w-[800px]">
-      <div class="py-5 uppercase ml-4">Comptes</div>
-
-      <div class="flex flex-col w-full">
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="min-w-32 text-left">Id de la page</span>
-          <span class="flex-auto pr-6 text-left">Nom de la page / utilisateur </span>
-          <span class="flex-none">
-            <img
-                :src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
-                alt="Profile Image"
-                class="ml-2 rounded-full"
-                width="48"
-                height="48">
-          </span>
-        </button>
-
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
-          <span class="flex-none pa-2 min-w-32 text-left">Ajouter un compte</span>
-          
-          <span class="flex-none text-fuchsia-800">
-            <v-icon>mdi-plus-circle</v-icon>
-          </span>
-        </button>
-      </div>
-    </div>
-
-    <div class="border rounded-2xl w-full max-w-[800px] mt-10">
-      <div class="py-5 uppercase ml-4">Autorisations accordées</div>
-
-      <div class="flex flex-col w-full">
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="min-w-32 text-left">Id de la page</span>
-          <span class="flex-auto pr-6 text-left">Nom de utilisateur </span>
-          <span class="flex-none">
-            <img
-                :src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
-                alt="Profile Image"
-                class="ml-2 rounded-full"
-                width="48"
-                height="48">
-          </span>
-        </button>
-
-        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
-          <span class="flex-none pa-2 min-w-32 text-left">Ajouter un compte</span>
-
-          <span class="flex-none text-fuchsia-800">
-            <v-icon>mdi-plus-circle</v-icon>
-          </span>
-        </button>
-      </div>
-    </div>
-  </div>
-</template>
-
-
-
-<script setup>
-
-</script>
-
-<style>
-.HoverBtn:hover {
-  @apply bg-[#A6147D] text-white;
-  @apply hover:opacity-90; /* Réduire l'opacité au survol */
-}
-
-
-</style>
-
-
diff --git a/src/views/main/Profile.vue b/src/views/main/Profile.vue
deleted file mode 100644
index 45479cf..0000000
--- a/src/views/main/Profile.vue
+++ /dev/null
@@ -1,167 +0,0 @@
-<template>
-  <div class="flex flex-col md:flex-row">
-
-    <!-- Left Menu -->
-    <div class="bg-[#f4f4f4] z-20 w-full md:max-w-xs fixed md:sticky md:top-0 md:flex md:flex-col top-0">
-      <div class="sticky top-20 z-30 bg-[#f4f4f4]">
-        <div class="flex flex-col items-center md:items-start md:pl-4 mt-16">
-          <h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
-
-          <div class="relative flex items-center md:mt-0 w-full">
-            <!-- Navigation buttons for small screens -->
-            <button @click="scrollLeftFunc"
-                    class="rounded p-1 absolute left-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl ">
-              <v-icon>mdi-chevron-left</v-icon>
-            </button>
-
-            <div
-                ref="scrollContainer"
-                class="flex md:flex-col space-x-2 space-y-0 md:space-x-0 md:space-y-2 p-4 items-center md:items-start overflow-x-scroll md:overflow-x-visible mx-2 md:mx-0 custom-scroll min-w-[400px] px-1"
-                @mousedown="mouseDown"
-                @mouseleave="mouseLeave"
-                @mouseup="mouseUp"
-                @mousemove="mouseMove">
-
-              <v-btn variant="text" @click="currentComponent = 'CreatorPage'">
-                <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
-                Créateur
-              </v-btn>
-
-              <v-btn variant="text" @click="currentComponent = 'PersonnalInfo'">
-                <v-icon class="mr-2">mdi-information</v-icon>
-                Utilisateur
-              </v-btn>
-
-              <v-btn variant="text" @click="currentComponent = 'ManageAccount'">
-                <v-icon class="mr-2">mdi-account</v-icon>
-                Gestion de Comptes
-              </v-btn>
-
-              <v-btn variant="text" @click="currentComponent = 'AccountSecurity'">
-                <v-icon class="mr-2">mdi-security</v-icon>
-                Sécurité
-              </v-btn>
-
-            </div>
-            <button @click="scrollRightFunc"
-                    class="rounded p-1 absolute right-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl">
-              <v-icon>mdi-chevron-right</v-icon>
-            </button>
-          </div>
-
-        </div>
-      </div>
-    </div>
-
-    <!-- Mid Content -->
-    <div class="flex flex-col flex-1 align-center py-12 p-3 mt-28 md:mt-0">
-      <template v-if="currentComponent === 'ManageAccount'">
-        <manage-account></manage-account>
-      </template>
-      <template v-else-if="currentComponent === 'CreatorPage'">
-        <creator-page></creator-page>
-      </template>
-      <template v-else-if="currentComponent === 'PersonnalInfo'">
-        <personnal-info></personnal-info>
-      </template>
-      <template v-else-if="currentComponent === 'AccountSecurity'">
-        <account-security></account-security>
-      </template>
-    </div>
-  </div>
-
-</template>
-
-<script setup>
-import {ref, onMounted} from "vue";
-import ManageAccount from "@/views/profile/ManageAccount.vue";
-import CreatorPage from "@/views/profile/creators/CreatorPage.vue";
-import PersonnalInfo from "@/views/profile/account/PersonnalInfo.vue";
-import AccountSecurity from "@/views/profile/security/AccountSecurity.vue";
-
-const currentComponent = ref('PersonnalInfo'); // Default component
-const isDown = ref(false);
-const startX = ref(0);
-const scrollLeft = ref(0);
-
-
-onMounted(() => {
-  const slider = document.querySelector('.custom-scroll');
-  slider.addEventListener('mousedown', (e) => {
-    isDown.value = true;
-    slider.classList.add('active');
-    startX.value = e.pageX - slider.offsetLeft;
-    scrollLeft.value = slider.scrollLeft;
-  });
-
-  slider.addEventListener('mouseleave', () => {
-    isDown.value = false;
-    slider.classList.remove('active');
-  });
-
-  slider.addEventListener('mouseup', () => {
-    isDown.value = false;
-    slider.classList.remove('active');
-  });
-
-  slider.addEventListener('mousemove', (e) => {
-    if (!isDown.value) return;
-    e.preventDefault();
-    const x = e.pageX - slider.offsetLeft;
-    const walk = (x - startX.value) * 3; // scroll-fast
-    slider.scrollLeft = scrollLeft.value - walk;
-  });
-});
-
-const mouseDown = (e) => {
-  const slider = document.querySelector('.custom-scroll');
-  isDown.value = true;
-  slider.classList.add('active');
-  startX.value = e.pageX - slider.offsetLeft;
-  scrollLeft.value = slider.scrollLeft;
-};
-
-const mouseLeave = () => {
-  isDown.value = false;
-  const slider = document.querySelector('.custom-scroll');
-  slider.classList.remove('active');
-};
-
-const mouseUp = () => {
-  isDown.value = false;
-  const slider = document.querySelector('.custom-scroll');
-  slider.classList.remove('active');
-};
-
-const mouseMove = (e) => {
-  if (!isDown.value) return;
-  e.preventDefault();
-  const slider = document.querySelector('.custom-scroll');
-  const x = e.pageX - slider.offsetLeft;
-  const walk = (x - startX.value) * 3; // scroll-fast
-  slider.scrollLeft = scrollLeft.value - walk;
-};
-
-const scrollLeftFunc = () => {
-  const container = document.querySelector('.custom-scroll');
-  container.scrollBy({left: -100, behavior: 'smooth'});
-};
-
-const scrollRightFunc = () => {
-  const container = document.querySelector('.custom-scroll');
-  container.scrollBy({left: 100, behavior: 'smooth'});
-};
-</script>
-
-<style scoped>
-
-.custom-scroll {
-  -ms-overflow-style: none; /* Internet Explorer 10+ */
-  scrollbar-width: none; /* Firefox */
-}
-
-.custom-scroll::-webkit-scrollbar {
-  display: none; /* Safari and Chrome */
-}
-
-</style>

From 6779c787d043a9bbc2616e1f2b62c5003a9bea9c Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Thu, 15 Aug 2024 22:54:05 -0400
Subject: [PATCH 092/109] Fix folder names. Adds missing files.

---
 src/views/profile/ProfilePage.vue             | 167 ++++++++++++++++++
 .../account/AdressesHome.vue                  |   0
 .../account/AdressesWork.vue                  |   0
 .../{Profile => profile}/account/Birthday.vue |   0
 .../{Profile => profile}/account/Email.vue    |   0
 .../{Profile => profile}/account/Gender.vue   |   0
 .../{Profile => profile}/account/Name.vue     |   0
 .../account/PersonnalInfo.vue                 |   0
 .../{Profile => profile}/account/Phone.vue    |   0
 .../{Profile => profile}/creators/About.vue   |   0
 .../creators/BannerPicker.vue                 |   0
 .../creators/ColorsPicker.vue                 |   0
 .../creators/CreateCreator.vue                |   0
 .../creators/CreatorPage.vue                  |   0
 .../creators/LogoPicker.vue                   |   0
 .../{Profile => profile}/creators/Socials.vue |   0
 .../profile/management/ManageAccount.vue      |  76 ++++++++
 .../security/AccountSecurity.vue              |   0
 .../security/ModalPassword.vue                |   0
 .../security/ModalRecoveryByEmailInfo.vue     |   0
 .../security/ModalRecoveryByPhoneInfo.vue     |   0
 21 files changed, 243 insertions(+)
 create mode 100644 src/views/profile/ProfilePage.vue
 rename src/views/{Profile => profile}/account/AdressesHome.vue (100%)
 rename src/views/{Profile => profile}/account/AdressesWork.vue (100%)
 rename src/views/{Profile => profile}/account/Birthday.vue (100%)
 rename src/views/{Profile => profile}/account/Email.vue (100%)
 rename src/views/{Profile => profile}/account/Gender.vue (100%)
 rename src/views/{Profile => profile}/account/Name.vue (100%)
 rename src/views/{Profile => profile}/account/PersonnalInfo.vue (100%)
 rename src/views/{Profile => profile}/account/Phone.vue (100%)
 rename src/views/{Profile => profile}/creators/About.vue (100%)
 rename src/views/{Profile => profile}/creators/BannerPicker.vue (100%)
 rename src/views/{Profile => profile}/creators/ColorsPicker.vue (100%)
 rename src/views/{Profile => profile}/creators/CreateCreator.vue (100%)
 rename src/views/{Profile => profile}/creators/CreatorPage.vue (100%)
 rename src/views/{Profile => profile}/creators/LogoPicker.vue (100%)
 rename src/views/{Profile => profile}/creators/Socials.vue (100%)
 create mode 100644 src/views/profile/management/ManageAccount.vue
 rename src/views/{Profile => profile}/security/AccountSecurity.vue (100%)
 rename src/views/{Profile => profile}/security/ModalPassword.vue (100%)
 rename src/views/{Profile => profile}/security/ModalRecoveryByEmailInfo.vue (100%)
 rename src/views/{Profile => profile}/security/ModalRecoveryByPhoneInfo.vue (100%)

diff --git a/src/views/profile/ProfilePage.vue b/src/views/profile/ProfilePage.vue
new file mode 100644
index 0000000..a6fe533
--- /dev/null
+++ b/src/views/profile/ProfilePage.vue
@@ -0,0 +1,167 @@
+<template>
+  <div class="flex flex-col md:flex-row">
+
+    <!-- Left Menu -->
+    <div class="bg-[#f4f4f4] z-20 w-full md:max-w-xs fixed md:sticky md:top-0 md:flex md:flex-col top-0">
+      <div class="sticky top-20 z-30 bg-[#f4f4f4]">
+        <div class="flex flex-col items-center md:items-start md:pl-4 mt-16">
+          <h1 class="text-2xl py-4 font-bold text-center md:text-left">Gérer votre compte Hutopy</h1>
+
+          <div class="relative flex items-center md:mt-0 w-full">
+            <!-- Navigation buttons for small screens -->
+            <button @click="scrollLeftFunc"
+                    class="rounded p-1 absolute left-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl ">
+              <v-icon>mdi-chevron-left</v-icon>
+            </button>
+
+            <div
+                ref="scrollContainer"
+                class="flex md:flex-col space-x-2 space-y-0 md:space-x-0 md:space-y-2 p-4 items-center md:items-start overflow-x-scroll md:overflow-x-visible mx-2 md:mx-0 custom-scroll min-w-[400px] px-1"
+                @mousedown="mouseDown"
+                @mouseleave="mouseLeave"
+                @mouseup="mouseUp"
+                @mousemove="mouseMove">
+
+              <v-btn variant="text" @click="currentComponent = 'CreatorPage'">
+                <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
+                Créateur
+              </v-btn>
+
+              <v-btn variant="text" @click="currentComponent = 'PersonnalInfo'">
+                <v-icon class="mr-2">mdi-information</v-icon>
+                Utilisateur
+              </v-btn>
+
+              <v-btn variant="text" @click="currentComponent = 'ManageAccount'">
+                <v-icon class="mr-2">mdi-account</v-icon>
+                Gestion de Comptes
+              </v-btn>
+
+              <v-btn variant="text" @click="currentComponent = 'AccountSecurity'">
+                <v-icon class="mr-2">mdi-security</v-icon>
+                Sécurité
+              </v-btn>
+
+            </div>
+            <button @click="scrollRightFunc"
+                    class="rounded p-1 absolute right-2 z-10 md:hidden text-fuchsia-800 bg-[#f4f4f4] text-2xl">
+              <v-icon>mdi-chevron-right</v-icon>
+            </button>
+          </div>
+
+        </div>
+      </div>
+    </div>
+
+    <!-- Mid Content -->
+    <div class="flex flex-col flex-1 align-center py-12 p-3 mt-28 md:mt-0">
+      <template v-if="currentComponent === 'ManageAccount'">
+        <manage-account></manage-account>
+      </template>
+      <template v-else-if="currentComponent === 'CreatorPage'">
+        <creator-page></creator-page>
+      </template>
+      <template v-else-if="currentComponent === 'PersonnalInfo'">
+        <personnal-info></personnal-info>
+      </template>
+      <template v-else-if="currentComponent === 'AccountSecurity'">
+        <account-security></account-security>
+      </template>
+    </div>
+  </div>
+
+</template>
+
+<script setup>
+import {ref, onMounted} from "vue";
+import ManageAccount from "@/views/profile/management/ManageAccount.vue";
+import CreatorPage from "@/views/profile/creators/CreatorPage.vue";
+import PersonnalInfo from "@/views/profile/account/PersonnalInfo.vue";
+import AccountSecurity from "@/views/profile/security/AccountSecurity.vue";
+
+const currentComponent = ref('PersonnalInfo'); // Default component
+const isDown = ref(false);
+const startX = ref(0);
+const scrollLeft = ref(0);
+
+
+onMounted(() => {
+  const slider = document.querySelector('.custom-scroll');
+  slider.addEventListener('mousedown', (e) => {
+    isDown.value = true;
+    slider.classList.add('active');
+    startX.value = e.pageX - slider.offsetLeft;
+    scrollLeft.value = slider.scrollLeft;
+  });
+
+  slider.addEventListener('mouseleave', () => {
+    isDown.value = false;
+    slider.classList.remove('active');
+  });
+
+  slider.addEventListener('mouseup', () => {
+    isDown.value = false;
+    slider.classList.remove('active');
+  });
+
+  slider.addEventListener('mousemove', (e) => {
+    if (!isDown.value) return;
+    e.preventDefault();
+    const x = e.pageX - slider.offsetLeft;
+    const walk = (x - startX.value) * 3; // scroll-fast
+    slider.scrollLeft = scrollLeft.value - walk;
+  });
+});
+
+const mouseDown = (e) => {
+  const slider = document.querySelector('.custom-scroll');
+  isDown.value = true;
+  slider.classList.add('active');
+  startX.value = e.pageX - slider.offsetLeft;
+  scrollLeft.value = slider.scrollLeft;
+};
+
+const mouseLeave = () => {
+  isDown.value = false;
+  const slider = document.querySelector('.custom-scroll');
+  slider.classList.remove('active');
+};
+
+const mouseUp = () => {
+  isDown.value = false;
+  const slider = document.querySelector('.custom-scroll');
+  slider.classList.remove('active');
+};
+
+const mouseMove = (e) => {
+  if (!isDown.value) return;
+  e.preventDefault();
+  const slider = document.querySelector('.custom-scroll');
+  const x = e.pageX - slider.offsetLeft;
+  const walk = (x - startX.value) * 3; // scroll-fast
+  slider.scrollLeft = scrollLeft.value - walk;
+};
+
+const scrollLeftFunc = () => {
+  const container = document.querySelector('.custom-scroll');
+  container.scrollBy({left: -100, behavior: 'smooth'});
+};
+
+const scrollRightFunc = () => {
+  const container = document.querySelector('.custom-scroll');
+  container.scrollBy({left: 100, behavior: 'smooth'});
+};
+</script>
+
+<style scoped>
+
+.custom-scroll {
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+  scrollbar-width: none; /* Firefox */
+}
+
+.custom-scroll::-webkit-scrollbar {
+  display: none; /* Safari and Chrome */
+}
+
+</style>
diff --git a/src/views/Profile/account/AdressesHome.vue b/src/views/profile/account/AdressesHome.vue
similarity index 100%
rename from src/views/Profile/account/AdressesHome.vue
rename to src/views/profile/account/AdressesHome.vue
diff --git a/src/views/Profile/account/AdressesWork.vue b/src/views/profile/account/AdressesWork.vue
similarity index 100%
rename from src/views/Profile/account/AdressesWork.vue
rename to src/views/profile/account/AdressesWork.vue
diff --git a/src/views/Profile/account/Birthday.vue b/src/views/profile/account/Birthday.vue
similarity index 100%
rename from src/views/Profile/account/Birthday.vue
rename to src/views/profile/account/Birthday.vue
diff --git a/src/views/Profile/account/Email.vue b/src/views/profile/account/Email.vue
similarity index 100%
rename from src/views/Profile/account/Email.vue
rename to src/views/profile/account/Email.vue
diff --git a/src/views/Profile/account/Gender.vue b/src/views/profile/account/Gender.vue
similarity index 100%
rename from src/views/Profile/account/Gender.vue
rename to src/views/profile/account/Gender.vue
diff --git a/src/views/Profile/account/Name.vue b/src/views/profile/account/Name.vue
similarity index 100%
rename from src/views/Profile/account/Name.vue
rename to src/views/profile/account/Name.vue
diff --git a/src/views/Profile/account/PersonnalInfo.vue b/src/views/profile/account/PersonnalInfo.vue
similarity index 100%
rename from src/views/Profile/account/PersonnalInfo.vue
rename to src/views/profile/account/PersonnalInfo.vue
diff --git a/src/views/Profile/account/Phone.vue b/src/views/profile/account/Phone.vue
similarity index 100%
rename from src/views/Profile/account/Phone.vue
rename to src/views/profile/account/Phone.vue
diff --git a/src/views/Profile/creators/About.vue b/src/views/profile/creators/About.vue
similarity index 100%
rename from src/views/Profile/creators/About.vue
rename to src/views/profile/creators/About.vue
diff --git a/src/views/Profile/creators/BannerPicker.vue b/src/views/profile/creators/BannerPicker.vue
similarity index 100%
rename from src/views/Profile/creators/BannerPicker.vue
rename to src/views/profile/creators/BannerPicker.vue
diff --git a/src/views/Profile/creators/ColorsPicker.vue b/src/views/profile/creators/ColorsPicker.vue
similarity index 100%
rename from src/views/Profile/creators/ColorsPicker.vue
rename to src/views/profile/creators/ColorsPicker.vue
diff --git a/src/views/Profile/creators/CreateCreator.vue b/src/views/profile/creators/CreateCreator.vue
similarity index 100%
rename from src/views/Profile/creators/CreateCreator.vue
rename to src/views/profile/creators/CreateCreator.vue
diff --git a/src/views/Profile/creators/CreatorPage.vue b/src/views/profile/creators/CreatorPage.vue
similarity index 100%
rename from src/views/Profile/creators/CreatorPage.vue
rename to src/views/profile/creators/CreatorPage.vue
diff --git a/src/views/Profile/creators/LogoPicker.vue b/src/views/profile/creators/LogoPicker.vue
similarity index 100%
rename from src/views/Profile/creators/LogoPicker.vue
rename to src/views/profile/creators/LogoPicker.vue
diff --git a/src/views/Profile/creators/Socials.vue b/src/views/profile/creators/Socials.vue
similarity index 100%
rename from src/views/Profile/creators/Socials.vue
rename to src/views/profile/creators/Socials.vue
diff --git a/src/views/profile/management/ManageAccount.vue b/src/views/profile/management/ManageAccount.vue
new file mode 100644
index 0000000..29b5c4c
--- /dev/null
+++ b/src/views/profile/management/ManageAccount.vue
@@ -0,0 +1,76 @@
+<template>
+  <div class="flex flex-col items-center w-full">
+    <h1 class="uppercase pb-5 text-2xl">  <v-icon class="mr-2 text">mdi-account</v-icon> Gestion des comptes</h1>
+
+    <div class="border rounded-2xl w-full max-w-[800px]">
+      <div class="py-5 uppercase ml-4">Comptes</div>
+
+      <div class="flex flex-col w-full">
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="min-w-32 text-left">Id de la page</span>
+          <span class="flex-auto pr-6 text-left">Nom de la page / utilisateur </span>
+          <span class="flex-none">
+            <img
+                :src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
+                alt="Profile Image"
+                class="ml-2 rounded-full"
+                width="48"
+                height="48">
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
+          <span class="flex-none pa-2 min-w-32 text-left">Ajouter un compte</span>
+
+          <span class="flex-none text-fuchsia-800">
+            <v-icon>mdi-plus-circle</v-icon>
+          </span>
+        </button>
+      </div>
+    </div>
+
+    <div class="border rounded-2xl w-full max-w-[800px] mt-10">
+      <div class="py-5 uppercase ml-4">Autorisations accordées</div>
+
+      <div class="flex flex-col w-full">
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="min-w-32 text-left">Id de la page</span>
+          <span class="flex-auto pr-6 text-left">Nom de utilisateur </span>
+          <span class="flex-none">
+            <img
+                :src="'/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
+                alt="Profile Image"
+                class="ml-2 rounded-full"
+                width="48"
+                height="48">
+          </span>
+        </button>
+
+        <button class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out rounded-b-2xl w-full">
+          <span class="flex-none pa-2 min-w-32 text-left">Ajouter un compte</span>
+
+          <span class="flex-none text-fuchsia-800">
+            <v-icon>mdi-plus-circle</v-icon>
+          </span>
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+
+
+<script setup>
+
+</script>
+
+<style>
+.HoverBtn:hover {
+  @apply bg-[#A6147D] text-white;
+  @apply hover:opacity-90; /* Réduire l'opacité au survol */
+}
+
+
+</style>
+
+
diff --git a/src/views/Profile/security/AccountSecurity.vue b/src/views/profile/security/AccountSecurity.vue
similarity index 100%
rename from src/views/Profile/security/AccountSecurity.vue
rename to src/views/profile/security/AccountSecurity.vue
diff --git a/src/views/Profile/security/ModalPassword.vue b/src/views/profile/security/ModalPassword.vue
similarity index 100%
rename from src/views/Profile/security/ModalPassword.vue
rename to src/views/profile/security/ModalPassword.vue
diff --git a/src/views/Profile/security/ModalRecoveryByEmailInfo.vue b/src/views/profile/security/ModalRecoveryByEmailInfo.vue
similarity index 100%
rename from src/views/Profile/security/ModalRecoveryByEmailInfo.vue
rename to src/views/profile/security/ModalRecoveryByEmailInfo.vue
diff --git a/src/views/Profile/security/ModalRecoveryByPhoneInfo.vue b/src/views/profile/security/ModalRecoveryByPhoneInfo.vue
similarity index 100%
rename from src/views/Profile/security/ModalRecoveryByPhoneInfo.vue
rename to src/views/profile/security/ModalRecoveryByPhoneInfo.vue

From 31e49802db227cec6e98094a698393be8cc2752f Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Fri, 16 Aug 2024 14:37:12 -0400
Subject: [PATCH 093/109] Adds creation of creator profile

---
 .../banner.png}                               | Bin
 .../logohutopy.png => placeholders/logo.png}  | Bin
 src/stores/userStore.js                       |  21 +-
 src/views/main/Header.vue                     |  28 +-
 src/views/profile/ProfilePage.vue             |   1 -
 src/views/profile/creators/ColorsPicker.vue   |   8 +-
 src/views/profile/creators/CreateCreator.vue  |  69 +--
 src/views/profile/creators/CreatorPage.vue    | 428 ++++++++++--------
 src/views/profile/creators/LogoPicker.vue     |   2 -
 9 files changed, 283 insertions(+), 274 deletions(-)
 rename public/images/{hutopymedia/banners/tutorialbanner.png => placeholders/banner.png} (100%)
 rename public/images/{hutopymedia/icons/logohutopy.png => placeholders/logo.png} (100%)

diff --git a/public/images/hutopymedia/banners/tutorialbanner.png b/public/images/placeholders/banner.png
similarity index 100%
rename from public/images/hutopymedia/banners/tutorialbanner.png
rename to public/images/placeholders/banner.png
diff --git a/public/images/hutopymedia/icons/logohutopy.png b/public/images/placeholders/logo.png
similarity index 100%
rename from public/images/hutopymedia/icons/logohutopy.png
rename to public/images/placeholders/logo.png
diff --git a/src/stores/userStore.js b/src/stores/userStore.js
index fe87a59..d481f32 100644
--- a/src/stores/userStore.js
+++ b/src/stores/userStore.js
@@ -17,11 +17,21 @@ export const useUserStore = defineStore(
                     user.value = undefined
                     creator.value = undefined
                 }
-            })       
-        
-        const user = useSessionStorage('user-user', {}, {writeDefaults: false})
-        const creator = useSessionStorage('user-creator', {}, {writeDefaults: false})
+            })
 
+        const user = useSessionStorage(
+            'user-user',
+            {},
+            {writeDefaults: false})
+        const creator = useSessionStorage(
+            'user-creator',
+            {},
+            {writeDefaults: false})
+
+        const hasCreator = computed(() =>
+            creator.value
+            && Object.getOwnPropertyNames(creator.value).length >= 1)
+        
         const alias = computed(() => {
             if (user.value) {
                 return user.value.alias || `${user.value.firstName || ''} ${user.value.lastName || ''}`.trim() || 'Anonyme'
@@ -49,8 +59,9 @@ export const useUserStore = defineStore(
                 }
             } catch (error) {
                 user.value = undefined;
+                creator.value = undefined
             }
         }
 
-        return {user, creator, alias, portraitUrl}
+        return {user, creator, alias, hasCreator, portraitUrl, fetchCurrentUserProfile}
     })
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index 66395c4..88b719f 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -6,7 +6,8 @@
     <div class="flex items-center">
       <v-app-bar-nav-icon @click.stop="sideBarStore.toggle()">
       </v-app-bar-nav-icon>
-      <RouterLink to="/" class="hidden md:block">
+
+      <RouterLink to="/">
         <v-img
             src="/medias/hutopy.png"
             ref="popupButtonRef"
@@ -14,15 +15,7 @@
             class="mr-2 h-10 w-20"
         ></v-img>
       </RouterLink>
-
-      <RouterLink to="/" class="block md:hidden">
-        <v-img
-            src="/images/hutopymedia/icons/logohutopy.png"
-            ref="popupButtonRef"
-            alt="Hutopy Logo"
-            class="mr-2 h-10 w-10"
-        ></v-img>
-      </RouterLink>
+      
     </div>
 
     <!-- Spacer to push the Explorer button to the center -->
@@ -49,7 +42,6 @@
       <v-icon>mdi-earth</v-icon>
     </v-btn>
 
-   
 
     <!-- Spacer to keep the search bar to the right -->
     <div class="flex-grow"></div>
@@ -111,8 +103,8 @@
                 </router-link>
               </v-list-item>
 
-              <v-list-item v-if="userStore.creator && !Object.keys(userStore.creator).length > 0" class="nav-button">
-                <router-link :to="`/@${userStore.creator.name}`">
+              <v-list-item v-if="!userStore.hasCreator" class="nav-button">
+                <router-link to="/profile">
                   <v-btn class="w-100" variant="plain">Activer votre page</v-btn>
                 </router-link>
               </v-list-item>
@@ -141,11 +133,11 @@
 </template>
 
 <script setup>
-import { ref, onBeforeUnmount, onBeforeMount } from "vue";
-import { useRouter } from 'vue-router';
-import { useSideBarStore } from '@/stores/sideBarStore.js';
-import { useUserStore } from "@/stores/userStore.js";
-import { useAuthStore } from "@/stores/authStore.js";
+import {ref, onBeforeUnmount, onBeforeMount} from "vue";
+import {useRouter} from 'vue-router';
+import {useSideBarStore} from '@/stores/sideBarStore.js';
+import {useUserStore} from "@/stores/userStore.js";
+import {useAuthStore} from "@/stores/authStore.js";
 
 const authStore = useAuthStore()
 const userStore = useUserStore()
diff --git a/src/views/profile/ProfilePage.vue b/src/views/profile/ProfilePage.vue
index a6fe533..e72459a 100644
--- a/src/views/profile/ProfilePage.vue
+++ b/src/views/profile/ProfilePage.vue
@@ -84,7 +84,6 @@ const isDown = ref(false);
 const startX = ref(0);
 const scrollLeft = ref(0);
 
-
 onMounted(() => {
   const slider = document.querySelector('.custom-scroll');
   slider.addEventListener('mousedown', (e) => {
diff --git a/src/views/profile/creators/ColorsPicker.vue b/src/views/profile/creators/ColorsPicker.vue
index 90ad2de..b9631aa 100644
--- a/src/views/profile/creators/ColorsPicker.vue
+++ b/src/views/profile/creators/ColorsPicker.vue
@@ -14,10 +14,10 @@ const props = defineProps({
 
 const emits = defineEmits(['closeRequested']);
 
-const bannerTopColor = ref(props.creator.colors.bannerTop);
-const bannerBottomColor = ref(props.creator.colors.bannerBottom);
-const accentColor = ref(props.creator.colors.accent);
-const menuColor = ref(props.creator.colors.menu);
+const bannerTopColor = ref(props.creator.colors.bannerTop)
+const bannerBottomColor = ref(props.creator.colors.bannerBottom)
+const accentColor = ref(props.creator.colors.accent)
+const menuColor = ref(props.creator.colors.menu)
 
 const selectedColorName = ref(props.colorName);
 const selectedColor = computed({
diff --git a/src/views/profile/creators/CreateCreator.vue b/src/views/profile/creators/CreateCreator.vue
index 4efc779..73e4745 100644
--- a/src/views/profile/creators/CreateCreator.vue
+++ b/src/views/profile/creators/CreateCreator.vue
@@ -1,67 +1,48 @@
 <script setup>
 import {ref} from 'vue'
 
-const props = defineProps({
-  creator: {type: Object, required: true},
-});
+const emits = defineEmits(['requestAccept', 'requestCancel'])
 
-const isDialogActive = ref(false);
+const creatorName = ref('')
 
-
-const cancel = () => {
-  closeDialog();
-};
-
-const closeDialog = () => {
-  isDialogActive.value = false;
+function requestCancel() {
+  emits('requestCancel')
 }
 
-const CreateCreator = () => {
+function requestAccept() {
+  emits('requestAccept', creatorName.value)
+}
 
-};
 </script>
 
 <template>
   <div class="text-center">
-    <div class="py-4 text-2xl font-bold border-b mb-2 flex flex-row items-center">
-      <div class="flex-grow text-center">Informations pour votre</div>
-      <v-btn icon @click="cancelPost" class="ml-auto" variant="text">
+    <div class="py-2 text-2xl font-bold flex flex-row items-center">
+      <div class="flex-grow text-center">Devenez Créateur</div>
+      <v-btn icon @click="requestCancel" class="ml-auto" variant="text">
         <v-icon>mdi-close</v-icon>
       </v-btn>
     </div>
 
-    <div class="flex flex-row align-center">
-      <v-text-field
-          variant="outlined"
-          v-model="Nom"
-          label="Nom"
-          outlined
-      ></v-text-field>
-    </div>
+    <v-text-field
+        variant="outlined"
+        v-model="creatorName"
+        label="Nom de créateur"
+        outlined
+    ></v-text-field>
 
-    <div class="flex flex-row align-center">
-      <v-text-field
-          variant="outlined"
-          v-model="Titre"
-          label="Titre"
-          outlined
-      ></v-text-field>
-    </div>
+    <div class="flex flex-row justify-end gap-2">
+      <v-btn
+          variant="flat"
+          @click="requestCancel"
+          :style="{ borderColor: 'rgb(159, 76, 173)', color: 'rgb(159, 76, 173)' }"
+      >
+        Annuler
+      </v-btn>
 
-    <div class="flex flex-row align-center">
-      <v-textarea
-          variant="outlined"
-          v-model="Description"
-          label="Description"
-          outlined
-      ></v-textarea>
-    </div>
-
-    <div class="flex justify-end space-x-4">
       <v-btn
           variant="outlined"
-          @click="CreateCreator"
-          class="w-full mb-5"
+          @click="requestAccept"
           :style="{ borderColor: 'rgb(159, 76, 173)', color: 'rgb(159, 76, 173)' }"
       >
         Créer
diff --git a/src/views/profile/creators/CreatorPage.vue b/src/views/profile/creators/CreatorPage.vue
index b416c08..40f4438 100644
--- a/src/views/profile/creators/CreatorPage.vue
+++ b/src/views/profile/creators/CreatorPage.vue
@@ -1,5 +1,5 @@
 <script setup>
-import {ref} from 'vue'
+import {computed, ref} from 'vue'
 import {useUserStore} from "@/stores/userStore.js"
 import Socials from './Socials.vue'
 import BannerPicker from './BannerPicker.vue'
@@ -7,9 +7,17 @@ import ColorsPicker from './ColorsPicker.vue'
 import LogoPicker from "./LogoPicker.vue"
 import About from "./About.vue";
 import CreateCreator from "./CreateCreator.vue";
+import {useClient} from "@/plugins/api.js";
 
 const userStore = useUserStore()
 
+const colorBannerTop = computed(() => userStore.creator.colors.bannerTop || '#a0c0f0')
+const colorBannerBottom = computed(() => userStore.creator.colors.bannerBottom || '#a0c0f0')
+const colorAccent = computed(() => userStore.creator.colors.accent || '#a0c0f0')
+const colorMenu = computed(() => userStore.creator.colors.menu || '#a0c0f0')
+const imageBanner = computed(() => userStore.creator.images.banner || '/images/placeholders/banner.png')
+const imageLogo = computed(() => userStore.creator.images.logo || '/images/placeholders/logo.png')
+
 const dialog = ref(false);
 const currentComponent = ref('')
 const colorToEdit = ref(null)
@@ -23,6 +31,26 @@ const componentsMap = {
   CreateCreator
 };
 
+async function requestAccept(creatorName) {
+  const client = useClient()
+  const response = await client.post(
+      '/api/creators',
+      {
+        'creatorId': userStore.user.id,
+        'name': creatorName
+      })
+  if (response.status >= 200 && response.status < 300) {
+    await userStore.fetchCurrentUserProfile()
+    dialog.value = false
+  } else {
+    console.log(`An issue while creating the creator: ${response.statusText}`)
+  }
+}
+
+function requestCancel() {
+  dialog.value = false
+}
+
 const openDialog = (component, colorName = null) => {
   currentComponent.value = componentsMap[component]
   colorToEdit.value = colorName
@@ -44,28 +72,220 @@ const closeDialog = () => {
         <component :is="currentComponent"
                    :creator="userStore.creator"
                    :colorName="colorToEdit"
-                   @closeRequested="closeDialog()
-"
+                   @closeRequested="closeDialog"
+                   @requestAccept="requestAccept"
+                   @requestCancel="requestCancel"
         ></component>
       </v-card-text>
     </v-card>
   </v-dialog>
 
-<!--  Lorsque l'utilisateur n'a pas de creator name-->
+  <!--  Lorsque l'utilisateur n'a pas de creator name-->
   <div class="flex flex-col items-center w-full">
     <h1 class="uppercase pb-5 text-2xl">
       <v-icon class="mr-2">mdi-file-edit-outline</v-icon>
       Informations de votre page
     </h1>
 
-    <div v-if="userStore.creator.name == null">
-      <div class="my-10 border rounded-2xl w-full max-w-[800px]">
+    <div v-if="userStore.hasCreator" class="w-full max-w-[800px]">
+
+      <div class="my-10 border rounded-2xl">
+
+        <div class="py-5 uppercase ml-4">Informations</div>
+        <div class="flex flex-col w-full">
+          <button
+
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+            <span class="flex-none pa-2 min-w-32 text-left">Nom</span>
+            <span class="flex-auto text-left pr-6 capitalize">{{ userStore.creator.name }}</span>
+            <span class="flex-none">  
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('About')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+            <span class="flex-none pa-2 min-w-32 text-left">Titre</span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.about.title }}</span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('About')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
+            <span class="pa-2 min-w-32 text-left">Description</span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.about.description }}</span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+        </div>
+      </div>
+
+      <div class="border rounded-2xl">
+        <div class="py-5 uppercase ml-4">Bannière et image de profil</div>
+        <div class="flex flex-col w-full">
+
+          <button
+              @click="openDialog('ColorsPicker', 'bannerTop')"
+              class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
+              :style="{ backgroundColor: colorBannerTop }"
+          >
+            <v-icon>mdi-eyedropper-variant</v-icon>
+          </button>
+
+          <button>
+            <img
+                @click="openDialog('BannerPicker')"
+                :src="imageBanner"
+                class="w-full transition duration-200 ease-in-out transform hover:brightness-125"
+                alt="Tutorial Banner"
+            >
+          </button>
+
+          <button
+              @click="openDialog('ColorsPicker', 'bannerBottom')"
+              class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
+              :style="{ backgroundColor: colorBannerBottom }"
+          >
+            <v-icon>mdi-eyedropper-variant</v-icon>
+          </button>
+
+          <button class="flex justify-center my-5">
+            <img
+                @click="openDialog('LogoPicker')"
+                class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
+                :style="{ borderColor: colorAccent }"
+                :src="imageLogo"
+                alt="Profile Image"
+            >
+          </button>
+
+          <button
+              @click="openDialog('ColorsPicker', 'accent')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+            <span class="pa-2 min-w-32 text-left"><v-icon>mdi-circle-outline</v-icon></span>
+            <span class="flex-auto text-left pr-6">Couleur du contour de la photo de profil.</span>
+            <span class="flex-none">
+        <v-icon>mdi-eyedropper-variant</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('ColorsPicker', 'menu')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
+            <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-menu</v-icon></span>
+            <span class="flex-auto text-left pr-6">Couleur des entêtes de menus</span>
+            <span class="flex-none">
+           <v-icon>mdi-eyedropper-variant</v-icon>
+          </span>
+          </button>
+        </div>
+      </div>
+
+      <div class="mt-10 border rounded-2xl">
+
+        <div class="py-5 uppercase ml-4">Réseaux Sociaux</div>
+
+        <div class="flex flex-col w-full">
+          <button
+              @click="openDialog('Socials')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+            <span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.facebookUrl }}</span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('Socials')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+            <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.instagramUrl }}</span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('Socials')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+          <span class="flex-none pa-2 min-w-32 text-left">    <img src="/images/hutopymedia/icons/x.svg" width="23px"
+                                                                   height="23px"></span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.xUrl }}</span>
+            <span class="flex-none">          
+                        <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('Socials')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+            <span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.linkedInUrl }}</span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('Socials')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+          <span class="flex-none pa-2 min-w-32 text-left"> 
+            <img src="/images/hutopymedia/icons/tiktok.svg" class="w-5 h-5">
+          </span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.tikTokUrl }}</span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('Socials')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+            <span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.youtubeUrl }}</span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('Socials')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
+            <span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.redditUrl }}</span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+          <button
+              @click="openDialog('Socials')"
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
+            <span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
+            <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.websiteUrl }}</span>
+            <span class="flex-none">
+            <v-icon>mdi-chevron-right</v-icon>
+          </span>
+          </button>
+
+        </div>
+      </div>
+    </div>
+
+    <div v-else class="w-full max-w-[800px]">
+      <div class="my-10 border rounded-2xl">
 
         <div class="py-5 uppercase ml-4 px-4">Informations pour pour votre page</div>
         <div class="flex flex-col w-full">
           <button
               @click="openDialog('CreateCreator')"
-              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out">
             <span class="flex-none pa-2 min-w-32 text-left">Nom  (Unique) </span>
             <span class="flex-auto text-left pr-6">Vous devez vous assurer de choisir un nom unique ou d'utiliser votre propre nom. Cela est important car c'est votre nom de marque, celui que vous allez présenter aux gens. Par exemple, notre projet s'appelle Hutopy, nous avons donc utilisé ce nom pour notre page officielle sur la plateforme.</span>
             <span class="flex-none">  
@@ -75,7 +295,7 @@ const closeDialog = () => {
 
           <button
               @click="openDialog('CreateCreator')"
-              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
+              class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out">
             <span class="flex-none pa-2 min-w-32 text-left">Titre</span>
             <span class="flex-auto text-left pr-6">Le titre doit refléter ce que vous souhaitez mettre en avant sur la plateforme, ce que vous voulez présenter comme contenu ou la raison de votre présence sur la plateforme. Par exemple, des artistes pourraient écrire chanteur, danseur, peintre ou autre. Une entreprise pourrait indiquer son activité. Dans notre cas, pour Hutopy, c'est 'Créer un monde meilleur'. </span>
             <span class="flex-none">
@@ -94,201 +314,9 @@ const closeDialog = () => {
           </button>
         </div>
       </div>
-      
-    </div>
-    
-<!--    Si la personne a une creator name-->
-  <div v-if="userStore.creator.name != null">
-    <!-- Nom de la page créateur -->
-    <div class="my-10 border rounded-2xl w-full max-w-[800px]">
 
-      <div class="py-5 uppercase ml-4">Informations</div>
-      <div class="flex flex-col w-full">
-        <button
-       
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left">Nom</span>
-          <span class="flex-auto text-left pr-6 capitalize">{{ userStore.creator.name }}</span>
-          <span class="flex-none">  
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-        
-        <button
-            @click="openDialog('About')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left">Titre</span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.about.title }}</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button
-            @click="openDialog('About')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
-          <span class="pa-2 min-w-32 text-left">Description</span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.about.description }}</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-      </div>
     </div>
 
-    <div class="border rounded-2xl w-full max-w-[800px]">
-      <div class="py-5 uppercase ml-4">Bannière et image de profil</div>
-      <div class="flex flex-col w-full">
-
-        <button
-            @click="openDialog('ColorsPicker', 'bannerTop')"
-            class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
-            :style="{ backgroundColor: userStore.creator.colors.bannerTop }"
-        >
-          <v-icon>mdi-eyedropper-variant</v-icon>
-        </button>
-
-        <button>
-          <img
-              @click="openDialog('BannerPicker')"
-              :src="userStore.creator.images.banner"
-              class="w-full transition duration-200 ease-in-out transform hover:brightness-125"
-              alt="Tutorial Banner"
-          >
-        </button>
-
-        <button
-            @click="openDialog('ColorsPicker', 'bannerBottom')"
-            class="flex justify-end h-10 align-center text-white px-5 hover:brightness-150"
-            :style="{ backgroundColor: userStore.creator.colors.bannerBottom }"
-        >
-          <v-icon>mdi-eyedropper-variant</v-icon>
-        </button>
-
-        <button class="flex justify-center my-5">
-          <img
-              @click="openDialog('LogoPicker')"
-              class="custom-border hover:brightness-125 active:bg-gray-600 shadow flex items-center transition duration-200 ease-in-out w-48 h-48 rounded-full"
-              :style="{ borderColor: userStore.creator.colors.accent }"
-              :src="userStore.creator.images.logo"
-              alt="Profile Image"
-          >
-        </button>
-
-        <button
-            @click="openDialog('ColorsPicker', 'accent')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-circle-outline</v-icon></span>
-          <span class="flex-auto text-left pr-6">Couleur du contour de la photo de profil.</span>
-          <span class="flex-none">
-        <v-icon>mdi-eyedropper-variant</v-icon>
-          </span>
-        </button>
-
-        <button
-            @click="openDialog('ColorsPicker', 'menu')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl">
-          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-menu</v-icon></span>
-          <span class="flex-auto text-left pr-6">Couleur des entêtes de menus</span>
-          <span class="flex-none">
-           <v-icon>mdi-eyedropper-variant</v-icon>
-          </span>
-        </button>
-      </div>
-    </div>
-
-    <!-- Réseaux sociaux -->
-    <div class="mt-10 border rounded-2xl w-full max-w-[800px]">
-
-      <div class="py-5 uppercase ml-4">Réseaux Sociaux</div>
-
-      <div class="flex flex-col w-full">
-        <button
-            @click="openDialog('Socials')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-facebook</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.facebookUrl }}</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button
-            @click="openDialog('Socials')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left"> <v-icon>mdi-instagram</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.instagramUrl }}</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button
-            @click="openDialog('Socials')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full">
-          <span class="flex-none pa-2 min-w-32 text-left">    <img src="/images/hutopymedia/icons/x.svg" width="23px"
-                                                                   height="23px"></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.xUrl }}</span>
-          <span class="flex-none">          
-                        <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button
-            @click="openDialog('Socials')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
-          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-linkedin</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.linkedInUrl }}</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button
-            @click="openDialog('Socials')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
-          <span class="flex-none pa-2 min-w-32 text-left"> 
-            <img src="/images/hutopymedia/icons/tiktok.svg" class="w-5 h-5">
-          </span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.tikTokUrl }}</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button
-            @click="openDialog('Socials')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
-          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-youtube</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.youtubeUrl }}</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button
-            @click="openDialog('Socials')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full ">
-          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-reddit</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.redditUrl }}</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-        <button
-            @click="openDialog('Socials')"
-            class="HoverBtn active:bg-gray-300 py-2 px-4 border-gray-400 shadow flex items-center transition duration-200 ease-in-out w-full rounded-b-2xl  ">
-          <span class="pa-2 min-w-32 text-left"><v-icon>mdi-web</v-icon></span>
-          <span class="flex-auto text-left pr-6">{{ userStore.creator.socials.websiteUrl }}</span>
-          <span class="flex-none">
-            <v-icon>mdi-chevron-right</v-icon>
-          </span>
-        </button>
-
-      </div>
-    </div>
-  </div>
   </div>
 
 </template>
diff --git a/src/views/profile/creators/LogoPicker.vue b/src/views/profile/creators/LogoPicker.vue
index 30bf63d..a366bd6 100644
--- a/src/views/profile/creators/LogoPicker.vue
+++ b/src/views/profile/creators/LogoPicker.vue
@@ -11,8 +11,6 @@
     />
   </div>
 
-
-
   <v-file-input
       v-model="selectedFile"
       variant="outlined"

From 56fc0d0556751021077bf8d312c10a9c8f21e841 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Fri, 16 Aug 2024 17:04:09 -0400
Subject: [PATCH 094/109] Remove unused imports

---
 src/views/creators/CreatorPage.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index 926ebed..eb082ac 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -3,8 +3,6 @@
 
     <creator-banner :creator="creator"></creator-banner>
 
-<!--    <donation-popup :creator-id="creator.id"></donation-popup>-->
-
     <div class="max-w-[800px] mx-auto flex flex-row justify-center ">
       <div class="w-full h-full mx-1">
         <content-list :creator-id="creator.id">
@@ -35,7 +33,6 @@ import {useRoute} from 'vue-router';
 import {useClient} from "@/plugins/api.js";
 import CreatorBanner from "@/views/creators/CreatorBanner.vue";
 import ContentList from "@/views/contents/ContentList.vue";
-import DonationPopup from "@/views/main/DonationPopup.vue";
 
 const client = useClient();
 const route = useRoute();

From 44bf1a0e122bc71aad3ce6d180e1133c435b2074 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Fri, 16 Aug 2024 17:04:46 -0400
Subject: [PATCH 095/109] Fix GetContentsByCreator returning the same content
 multiple times

---
 src/views/contents/ContentList.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index eefabd6..71132f5 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -3,9 +3,9 @@
   <v-infinite-scroll :items="contents"
                      :onLoad="fetchContents">
 
-    <template v-for="content in contents">
+    <template v-for="content in contents" :key="content">
       <content-card :content="content"
-                    class="w-full  my-2"
+                    class="my-1"
       ></content-card>
     </template>
 

From af51a23677c83ac977aba76c0852a65152028d70 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Fri, 16 Aug 2024 18:14:56 -0400
Subject: [PATCH 096/109] Adds Content deletion

---
 src/views/contents/ContentCard.vue | 12 ++++++++++--
 src/views/contents/ContentList.vue |  5 +++++
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index c3a3665..71e03a9 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -112,6 +112,7 @@ import PostMessage from "@/views/messages/PostMessage.vue";
 import DonationButton from "@/views/creators/DonationButton.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
 import ImageViewer from './ImageViewer.vue';
+import {useClient} from "@/plugins/api.js";
 
 const props = defineProps({
   content: {
@@ -120,6 +121,9 @@ const props = defineProps({
   }
 });
 
+const emits = defineEmits(['content:deleted'])
+
+const contentId = computed(() => props.content.id)
 const creatorId = computed(() => props.content.createdBy)
 const creatorName = computed(() => props.content.createdByName)
 const creatorLogo = computed(() => props.content.createdByPortraitUrl)
@@ -160,8 +164,12 @@ function editContent() {
   console.log('Modifier le contenu');
 }
 
-function deleteContent() {
-  console.log('Effacer le contenu');
+async function deleteContent() {
+  const client = useClient()
+  const response = await client.delete(`/api/contents/${contentId.value}`)
+  if (response.status >= 200 && response.status < 300){
+    emits('content:deleted', contentId.value)
+  }
 }
 
 function reportContent() {
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index 71132f5..d282efb 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -6,6 +6,7 @@
     <template v-for="content in contents" :key="content">
       <content-card :content="content"
                     class="my-1"
+                    @content:deleted="onContentDeleted"
       ></content-card>
     </template>
 
@@ -40,6 +41,10 @@ const page_size = 10
 const errorMessage = ref()
 let last_id = null
 
+async function onContentDeleted(contentId) {
+  contents.value = contents.value.filter(c => c.id !== contentId)
+}
+
 const creatorIdWatcher = watch(
     () => props.creatorId,
     (newCreatorId) => {

From 245f8694eaef7a10a8cb427748f982b771c2feef Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Fri, 16 Aug 2024 23:40:04 -0400
Subject: [PATCH 097/109] Adds reactivity to content-list

---
 src/views/contents/ContentCard.vue          | 13 ++++++------
 src/views/contents/ContentList.vue          | 17 ++++++++++------
 src/views/contents/PublishContentButton.vue | 21 +++++++++++---------
 src/views/creators/CreatorBanner.vue        | 22 +++++++++++++++++----
 src/views/creators/CreatorPage.vue          | 22 ++++++++++++++-------
 src/views/messages/MessageList.vue          | 21 +++++++++++---------
 src/views/messages/PostMessage.vue          | 18 ++++++++---------
 7 files changed, 83 insertions(+), 51 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 71e03a9..39dd88e 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -85,7 +85,7 @@
                          :creator-logo="creatorLogo"
                          iconColorClass="text-black"
         ></donation-button>
-        
+
       </div>
 
       <div :class="{'hidden': !messagesVisible}">
@@ -94,11 +94,12 @@
             :subject-id="props.content.id"
             :messages="messages"
         ></message-list>
-
       </div>
 
       <div class="py-2">
-        <post-message :subject-id="props.content.id" @message-posted="addMessage"></post-message>
+        <post-message :subject-id="props.content.id"
+                      @message-posted="addMessage"
+        ></post-message>
       </div>
     </div>
   </div>
@@ -121,7 +122,7 @@ const props = defineProps({
   }
 });
 
-const emits = defineEmits(['content:deleted'])
+const emits = defineEmits(['content-deleted'])
 
 const contentId = computed(() => props.content.id)
 const creatorId = computed(() => props.content.createdBy)
@@ -167,8 +168,8 @@ function editContent() {
 async function deleteContent() {
   const client = useClient()
   const response = await client.delete(`/api/contents/${contentId.value}`)
-  if (response.status >= 200 && response.status < 300){
-    emits('content:deleted', contentId.value)
+  if (response.status >= 200 && response.status < 300) {
+    emits('content-deleted', contentId.value)
   }
 }
 
diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index d282efb..86a3ff2 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -6,7 +6,7 @@
     <template v-for="content in contents" :key="content">
       <content-card :content="content"
                     class="my-1"
-                    @content:deleted="onContentDeleted"
+                    @content-deleted="onContentDeleted"
       ></content-card>
     </template>
 
@@ -32,12 +32,15 @@ const props = defineProps({
   creatorId: {
     type: String,
     required: true
-  }
+  },
+  contents: {
+    type: Array,
+    default: () => [],
+  },
 });
 
 const client = useClient()
-const contents = ref([])
-const page_size = 10
+const contents = ref(props.contents)
 const errorMessage = ref()
 let last_id = null
 
@@ -60,7 +63,9 @@ const creatorIdWatcher = watch(
       }
     })
 
-async function fetchContents({done}) {
+async function fetchContents({done, page_size = 10}) {
+  if (props.creatorId == null) return
+  
   try {
     let uri = `/api/contents/creator/${props.creatorId}?page_size=${page_size}`
     if (last_id !== null) uri = uri + `&last_id=${last_id}`
@@ -84,7 +89,7 @@ async function fetchContents({done}) {
     }
   } catch (error) {
     console.error("Failed to fetch posts", error);
-    errorMessage.value = error
+    errorMessage.value = error.message || "Failed to fetch contents";
     done('error')
   }
 }
diff --git a/src/views/contents/PublishContentButton.vue b/src/views/contents/PublishContentButton.vue
index 01c771e..fb315d1 100644
--- a/src/views/contents/PublishContentButton.vue
+++ b/src/views/contents/PublishContentButton.vue
@@ -8,6 +8,8 @@ const props = defineProps({
   creator: {type: Object, required: true},
 });
 
+const emits = defineEmits(['content-posted'])
+
 const userStore = useUserStore();
 
 const isDialogActive = ref(false);
@@ -28,15 +30,17 @@ async function publishPost() {
   });
 
   try {
-    await client.post(
+    const content = await client.post(
         `/api/contents/`,
         formData,
         {
           headers: {
             'Content-Type': 'multipart/form-data',
           }
-        }
-    );
+        })
+
+    emits('content-posted', content.data)
+    
     closeDialog();
   } catch (error) {
     console.error(error);
@@ -69,7 +73,7 @@ const closeDialog = () => {
               :style="{ 
                 border: `3px solid ${creator.colors.menu}` 
               }">
-        
+
         <div class="py-4 text-2xl font-bold  border-b mb-2">
           Quicky
         </div>
@@ -116,14 +120,13 @@ const closeDialog = () => {
                         multiple
                         dropzone
                         prepend-icon=""
-                        placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"                        
-          ></v-file-input>      
+                        placeholder="Glissez et déposez des fichiers ici ou cliquez pour sélectionner des fichiers"
+          ></v-file-input>
 
-          <v-btn variant="outlined" :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }" @click="publishPost" class="w-full">
+          <v-btn variant="outlined" :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }"
+                 @click="publishPost" class="w-full">
             Publier
           </v-btn>
-          
-          
 
 
         </v-card-text>
diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index 9edccdc..a92884a 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -38,7 +38,7 @@
       <div class="flex flex-col items-center lg:flex-row lg:items-center lg:justify-between">
         <!-- Profile Image Wrapper -->
         <div class="relative flex justify-center lg:w-auto lg:justify-start">
-          
+
           <!-- Profile Image -->
           <div class="absolute lg:ml-72 transform -translate-y-1/2 lg:-translate-y-1/2 z-20">
             <img
@@ -77,9 +77,17 @@
         </div>
         <!-- Buttons -->
         <div class="flex flex-wrap items-center  mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
-          <publish-content-button :creator="creator"></publish-content-button>
-          <div class="text-white text-2xl">{{ creator.about.title }}</div>
-          <creator-about :creator="creator"></creator-about>
+
+          <publish-content-button :creator="creator"
+                                  @content-posted="addContent"
+          ></publish-content-button>
+
+          <div class="text-white text-2xl">
+            {{ creator.about.title }}
+          </div>
+          
+          <creator-about :creator="creator"
+          ></creator-about>
         </div>
       </div>
     </div>
@@ -96,6 +104,12 @@ const props = defineProps({
   creator: {type: Object, required: true},
 });
 
+const emits = defineEmits(['content-posted'])
+
+function addContent(content) {
+  emits('content-posted', content)
+}
+
 function GetSocialsUrls() {
 
   const socials = [];
diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index eb082ac..a6e1d0a 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -1,12 +1,15 @@
 <template>
   <div v-if="creator && creator.id">
 
-    <creator-banner :creator="creator"></creator-banner>
+    <creator-banner :creator="creator"
+                    @content-posted="contentPosted"
+    ></creator-banner>
 
     <div class="max-w-[800px] mx-auto flex flex-row justify-center ">
       <div class="w-full h-full mx-1">
-        <content-list :creator-id="creator.id">
-        </content-list>
+        <content-list :creator-id="creator.id"
+                      :contents="contents"
+        ></content-list>
       </div>
     </div>
   </div>
@@ -34,11 +37,16 @@ import {useClient} from "@/plugins/api.js";
 import CreatorBanner from "@/views/creators/CreatorBanner.vue";
 import ContentList from "@/views/contents/ContentList.vue";
 
-const client = useClient();
-const route = useRoute();
+const creator = ref(null)
+const loading = ref(true)
+const contents = ref([])
 
-const creator = ref(null);
-const loading = ref(true);
+const client = useClient()
+const route = useRoute()
+
+function contentPosted(content) {
+  contents.value.unshift(content)
+}
 
 onBeforeMount(async () => await fetchCreatorData(route.params.creator))
 
diff --git a/src/views/messages/MessageList.vue b/src/views/messages/MessageList.vue
index 5ac8bc5..556e51f 100644
--- a/src/views/messages/MessageList.vue
+++ b/src/views/messages/MessageList.vue
@@ -1,12 +1,14 @@
 <template>
   <v-infinite-scroll
       :items="messages"
-      :onLoad="load"
+      :onLoad="fetchMessages"
       mode="manual"
       class="justify-items-center"
   >
-    <template v-for="(message, index) in messages" :key="index">
-      <message :message="message" class="border-b"></message>
+    <template v-for="message in messages" :key="message">
+      <message :message="message"
+               class="border-b"
+      ></message>
     </template>
 
     <template v-slot:load-more="{ props }">
@@ -26,8 +28,8 @@
 </template>
 
 <script setup>
-import { ref, onBeforeMount } from 'vue';
-import { useClient } from '@/plugins/api.js';
+import {ref, onBeforeMount} from 'vue';
+import {useClient} from '@/plugins/api.js';
 import Message from "@/views/messages/Message.vue";
 
 const props = defineProps({
@@ -48,14 +50,15 @@ const messages = ref(props.messages);
 
 onBeforeMount(async () => {
   if (props.subjectId == null) return;
-  await load({
+  await fetchMessages({
     page_size: 2,
-    done: function (status) {},
+    done: function (status) {
+    },
   });
 });
 
-async function load({ done, page_size = 10 }) {
-  if (props.subjectId == null) return;
+async function fetchMessages({done, page_size = 10}) {
+  if (props.subjectId == null) return
 
   try {
     let uri = `/api/messages/${props.subjectId}?page_size=${page_size}`;
diff --git a/src/views/messages/PostMessage.vue b/src/views/messages/PostMessage.vue
index 5965848..9b5a691 100644
--- a/src/views/messages/PostMessage.vue
+++ b/src/views/messages/PostMessage.vue
@@ -52,13 +52,12 @@
 </template>
 
 <script setup>
-import {ref} from 'vue';
-import {v7} from 'uuid';
-import {useRouter} from "vue-router";
-import {useClient} from '@/plugins/api.js';
-import {useUserStore} from "@/stores/userStore.js";
-import {useAuthStore} from "@/stores/authStore.js";
-import LoginForm from "@/views/main/LoginForm.vue";
+import {ref} from 'vue'
+import {v7} from 'uuid'
+import {useClient} from '@/plugins/api.js'
+import {useUserStore} from "@/stores/userStore.js"
+import {useAuthStore} from "@/stores/authStore.js"
+import LoginForm from "@/views/main/LoginForm.vue"
 
 const closeModal = () => {
   loginModal.value = false;
@@ -71,12 +70,11 @@ const props = defineProps({
   }
 });
 
-const emit = defineEmits(['message-posted'])
+const emits = defineEmits(['message-posted'])
 
 const loginModal = ref(false);
 const client = useClient()
 const value = ref("")
-const router = useRouter()
 const userStore = useUserStore()
 const authStore = useAuthStore()
 
@@ -91,7 +89,7 @@ const publish = async () => {
         "subjectId": props.subjectId,
         "message": value.value
       })
-      emit('message-posted', {
+      emits('message-posted', {
         "id": messageId,
         "subjectId": props.subjectId,
         "createdBy": userStore.user.id,

From 892dc42041a61fa0f5a3fa21b7939843145b0e9d Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 17 Aug 2024 00:07:32 -0400
Subject: [PATCH 098/109] Add deleteContentModal

---
 src/views/contents/ContentCard.vue | 50 +++++++++++++++++++++++++++---
 1 file changed, 46 insertions(+), 4 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 39dd88e..f578837 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -28,7 +28,7 @@
               <v-list-item @click="editContent">
                 <v-list-item-title>Modifier le contenu</v-list-item-title>
               </v-list-item>
-              <v-list-item @click="deleteContent">
+              <v-list-item @click="openDeleteConfirmationDialog">
                 <v-list-item-title>Effacer le contenu</v-list-item-title>
               </v-list-item>
               <v-list-item @click="reportContent">
@@ -94,6 +94,7 @@
             :subject-id="props.content.id"
             :messages="messages"
         ></message-list>
+
       </div>
 
       <div class="py-2">
@@ -103,6 +104,42 @@
       </div>
     </div>
   </div>
+
+
+  <v-dialog v-model="openDeleteConfirmationModal" max-width="500">
+    <v-form>
+      <v-card class="text-center rounded-xl"
+              :style="{ 
+                border: `2px solid  ` 
+              }">
+        <div class="flex items-center justify-between py-4 text-2xl font-bold border-b mb-2">
+          <div class="flex-1 text-center">
+            Supprimer ce contenu ?
+          </div>
+
+          <v-btn icon @click="openDeleteConfirmationModal = false" class="ml-auto mr-2" variant="text">
+            <v-icon>mdi-close</v-icon>
+          </v-btn>
+
+        </div>
+
+        <div class=" mr-2">
+          Êtes-vous sûr de vouloir supprimer le contenu ?
+        </div>
+
+        <div class="py-2 space-x-2">
+          <v-btn variant="flat"
+                 @click="deleteContent()" class=" mt-5">
+            Oui
+          </v-btn>
+          <v-btn variant="outlined"
+                 @click="openDeleteConfirmationModal = false" class=" mt-5">
+            Non
+          </v-btn>
+        </div>
+      </v-card>
+    </v-form>
+  </v-dialog>
 </template>
 
 <script setup>
@@ -122,7 +159,8 @@ const props = defineProps({
   }
 });
 
-const emits = defineEmits(['content-deleted'])
+const openDeleteConfirmationModal = ref(false);
+const emits = defineEmits(['content:deleted'])
 
 const contentId = computed(() => props.content.id)
 const creatorId = computed(() => props.content.createdBy)
@@ -136,6 +174,10 @@ const messagesVisible = ref(false);
 const messages = ref([]);
 const hasMessages = computed(() => messages.value.length > 0)
 
+function openDeleteConfirmationDialog() {
+  openDeleteConfirmationModal.value = true;
+}
+
 function addMessage(newMessage) {
   messages.value.unshift(newMessage);
   messagesVisible.value = true;
@@ -168,8 +210,8 @@ function editContent() {
 async function deleteContent() {
   const client = useClient()
   const response = await client.delete(`/api/contents/${contentId.value}`)
-  if (response.status >= 200 && response.status < 300) {
-    emits('content-deleted', contentId.value)
+  if (response.status >= 200 && response.status < 300){
+    emits('content:deleted', contentId.value)
   }
 }
 

From c8f5cb883036cbd74a32356f621deaaee84a83dc Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 17 Aug 2024 00:15:55 -0400
Subject: [PATCH 099/109] Content deletemodal

---
 src/views/contents/ContentCard.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index f578837..a0c3dbe 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -127,7 +127,7 @@
           Êtes-vous sûr de vouloir supprimer le contenu ?
         </div>
 
-        <div class="py-2 space-x-2">
+        <div class="py-2 space-x-3">
           <v-btn variant="flat"
                  @click="deleteContent()" class=" mt-5">
             Oui

From 2d8b39f6147f37523b0b87b6d27b2f39c93463d6 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Sat, 17 Aug 2024 00:30:38 -0400
Subject: [PATCH 100/109] Change Quicky to CreerContenu

---
 src/views/contents/PublishContentButton.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/contents/PublishContentButton.vue b/src/views/contents/PublishContentButton.vue
index fb315d1..f9c039e 100644
--- a/src/views/contents/PublishContentButton.vue
+++ b/src/views/contents/PublishContentButton.vue
@@ -75,7 +75,7 @@ const closeDialog = () => {
               }">
 
         <div class="py-4 text-2xl font-bold  border-b mb-2">
-          Quicky
+          Créer un Contenu
         </div>
 
         <div class="flex flex-row align-center px-3">

From 3b003fa1a136a0d1dd985363105077846e08c7e5 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 17 Aug 2024 01:03:11 -0400
Subject: [PATCH 101/109] Fixe cards space

---
 src/views/contents/ContentList.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/contents/ContentList.vue b/src/views/contents/ContentList.vue
index 86a3ff2..9058ce2 100644
--- a/src/views/contents/ContentList.vue
+++ b/src/views/contents/ContentList.vue
@@ -1,11 +1,11 @@
 <template>
 
   <v-infinite-scroll :items="contents"
-                     :onLoad="fetchContents">
+                     :onLoad="fetchContents"
+                     class="gap-2">
 
     <template v-for="content in contents" :key="content">
-      <content-card :content="content"
-                    class="my-1"
+      <content-card :content="content"               
                     @content-deleted="onContentDeleted"
       ></content-card>
     </template>

From 0b288ee1dc1f6e4e0e4d1a62bd5d92be1d29f5e0 Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Sat, 17 Aug 2024 01:27:44 -0400
Subject: [PATCH 102/109] Hide content actions when not creator. Adds token
 introspection in authStore.

---
 package-lock.json                  | 10 ++++++++++
 package.json                       |  1 +
 src/stores/authStore.js            | 20 +++++++++++++++++---
 src/views/contents/ContentCard.vue | 10 +++++++---
 4 files changed, 35 insertions(+), 6 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c218cd5..c7a5db2 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@vueuse/core": "^10.11.0",
         "@xtiannyeto/vue-auth-social": "^0.1.9",
         "axios": "^1.6.7",
+        "jwt-decode": "^4.0.0",
         "pinia": "^2.1.7",
         "uuid": "^10.0.0",
         "vue": "^3.4.15",
@@ -2630,6 +2631,15 @@
         "safe-buffer": "^5.0.1"
       }
     },
+    "node_modules/jwt-decode": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
+      "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/keyv": {
       "version": "4.5.4",
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
diff --git a/package.json b/package.json
index 319d6d4..1194186 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "@vueuse/core": "^10.11.0",
     "@xtiannyeto/vue-auth-social": "^0.1.9",
     "axios": "^1.6.7",
+    "jwt-decode": "^4.0.0",
     "pinia": "^2.1.7",
     "uuid": "^10.0.0",
     "vue": "^3.4.15",
diff --git a/src/stores/authStore.js b/src/stores/authStore.js
index f129a0b..681561d 100644
--- a/src/stores/authStore.js
+++ b/src/stores/authStore.js
@@ -3,17 +3,31 @@ import {computed, ref} from "vue";
 import {useRouter} from "vue-router";
 import {useClient} from "@/plugins/api.js";
 import {useSessionStorage} from "@vueuse/core";
+import {jwtDecode} from "jwt-decode";
+
+function getClaimsFromToken(token) {
+    try {
+        return jwtDecode(token);
+    } catch (error) {
+        console.error('Invalid token:', error);
+        return null;
+    }
+}
 
 export const useAuthStore = defineStore(
     'auth',
     () => {
         const clientApi = useClient()
         const router = useRouter()
-   
+
         const accessToken = useSessionStorage('auth-accessToken', undefined)
         const refreshToken = useSessionStorage('auth-refreshToken', undefined)
-        
+
         const isAuthenticated = computed(() => !!accessToken.value)
+        const userId = computed(() => {
+            const claims = getClaimsFromToken(accessToken.value)
+            return claims.sub;
+        })
 
         function updateTokens(data) {
             accessToken.value = data.accessToken
@@ -81,6 +95,6 @@ export const useAuthStore = defineStore(
             }
         }
 
-        return {accessToken, refreshToken, isAuthenticated, login, loginGoogle, logout}
+        return {accessToken, refreshToken, isAuthenticated, userId, login, loginGoogle, logout}
     })
 
diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index a0c3dbe..02cf904 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -25,10 +25,10 @@
               </v-btn>
             </template>
             <v-list>
-              <v-list-item @click="editContent">
+              <v-list-item v-if="creatorIsCurrentUser" @click="editContent">
                 <v-list-item-title>Modifier le contenu</v-list-item-title>
               </v-list-item>
-              <v-list-item @click="openDeleteConfirmationDialog">
+              <v-list-item v-if="creatorIsCurrentUser" @click="openDeleteConfirmationDialog">
                 <v-list-item-title>Effacer le contenu</v-list-item-title>
               </v-list-item>
               <v-list-item @click="reportContent">
@@ -151,6 +151,7 @@ import DonationButton from "@/views/creators/DonationButton.vue";
 import YoutubePlayer from './YoutubePlayer.vue';
 import ImageViewer from './ImageViewer.vue';
 import {useClient} from "@/plugins/api.js";
+import {useAuthStore} from "@/stores/authStore.js";
 
 const props = defineProps({
   content: {
@@ -169,6 +170,9 @@ const creatorLogo = computed(() => props.content.createdByPortraitUrl)
 const colorMenu = computed(() => props.content.colorMenu)
 const colorAccent = computed(() => props.content.colorAccent)
 
+const authStore = useAuthStore()
+const creatorIsCurrentUser = computed(() => authStore.isAuthenticated && authStore.userId === creatorId.value)
+
 const hasUrls = computed(() => !!props.content.urls && props.content.urls.length > 0);
 const messagesVisible = ref(false);
 const messages = ref([]);
@@ -210,7 +214,7 @@ function editContent() {
 async function deleteContent() {
   const client = useClient()
   const response = await client.delete(`/api/contents/${contentId.value}`)
-  if (response.status >= 200 && response.status < 300){
+  if (response.status >= 200 && response.status < 300) {
     emits('content:deleted', contentId.value)
   }
 }

From 9faa6fa4a5a6d7a3348a14f28faebecccdb8be4b Mon Sep 17 00:00:00 2001
From: Jonathan Bourdon <lowrad000@gmail.com>
Date: Sat, 17 Aug 2024 01:30:13 -0400
Subject: [PATCH 103/109] Update packages

---
 package-lock.json | 983 ++++++++++++++++++++++++++++++++--------------
 1 file changed, 692 insertions(+), 291 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index c7a5db2..d8c0ff0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,6 +35,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -42,10 +43,32 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
-    "node_modules/@babel/parser": {
+    "node_modules/@babel/helper-string-parser": {
       "version": "7.24.8",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.8.tgz",
-      "integrity": "sha512-WzfbgXOkGzZiXXCqk43kKwZjzwx4oulxZi3nq2TYL9mOjQv6kYwul9mz6ID36njuL7Xkp6nJEfok848Zj10j/w==",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz",
+      "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
+      "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.25.3",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.3.tgz",
+      "integrity": "sha512-iLTJKDbJ4hMvFPgQwwsVoxtHyWpKKPBrxkANrSYewDPaPpT5py5yeVkgPIJ7XYXhndxJpaA3PyALSXQ7u8e/Dw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.25.2"
+      },
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -54,9 +77,10 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.24.8",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.24.8.tgz",
-      "integrity": "sha512-5F7SDGs1T72ZczbRwbGO9lQi0NLjQxzl6i4lJxLxfW9U5UluCSyEJeniWvnhl3/euNiqQVbo8zruhsDfid0esA==",
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.0.tgz",
+      "integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==",
+      "license": "MIT",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -64,6 +88,20 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/types": {
+      "version": "7.25.2",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.2.tgz",
+      "integrity": "sha512-YTnYtra7W9e6/oAZEHj0bJehPRUlLH9/fbpT5LfB0NhQXyALCRkRs3zH9v07IYhkgpqX6Z78FnuccZr/l4Fs4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.24.8",
+        "@babel/helper-validator-identifier": "^7.24.7",
+        "to-fast-properties": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.21.5",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
@@ -72,6 +110,7 @@
         "ppc64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "aix"
@@ -88,6 +127,7 @@
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -104,6 +144,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -120,6 +161,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -136,6 +178,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -152,6 +195,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -168,6 +212,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "freebsd"
@@ -184,6 +229,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "freebsd"
@@ -200,6 +246,7 @@
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -216,6 +263,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -232,6 +280,7 @@
         "ia32"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -248,6 +297,7 @@
         "loong64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -264,6 +314,7 @@
         "mips64el"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -280,6 +331,7 @@
         "ppc64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -296,6 +348,7 @@
         "riscv64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -312,6 +365,7 @@
         "s390x"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -328,6 +382,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -344,6 +399,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "netbsd"
@@ -360,6 +416,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "openbsd"
@@ -376,6 +433,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "sunos"
@@ -392,6 +450,7 @@
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -408,6 +467,7 @@
         "ia32"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -424,6 +484,7 @@
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -437,6 +498,7 @@
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
       "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^3.3.0"
       },
@@ -452,6 +514,7 @@
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.0.tgz",
       "integrity": "sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
@@ -461,6 +524,7 @@
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
       "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -484,6 +548,7 @@
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
       "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -494,6 +559,7 @@
       "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
       "deprecated": "Use @eslint/config-array instead",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "@humanwhocodes/object-schema": "^2.0.2",
         "debug": "^4.3.1",
@@ -508,6 +574,7 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=12.22"
       },
@@ -521,12 +588,14 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "deprecated": "Use @eslint/object-schema instead",
-      "dev": true
+      "dev": true,
+      "license": "BSD-3-Clause"
     },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
       "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "license": "ISC",
       "dependencies": {
         "string-width": "^5.1.2",
         "string-width-cjs": "npm:string-width@^4.2.0",
@@ -543,6 +612,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -554,6 +624,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -568,6 +639,7 @@
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
       "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -581,6 +653,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -589,6 +662,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
       "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -596,12 +670,14 @@
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "license": "MIT"
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.25",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
       "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -610,12 +686,14 @@
     "node_modules/@mdi/font": {
       "version": "7.4.47",
       "resolved": "https://registry.npmjs.org/@mdi/font/-/font-7.4.47.tgz",
-      "integrity": "sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw=="
+      "integrity": "sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw==",
+      "license": "Apache-2.0"
     },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -628,6 +706,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -636,6 +715,7 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -648,214 +728,231 @@
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "license": "MIT",
       "optional": true,
       "engines": {
         "node": ">=14"
       }
     },
     "node_modules/@rollup/rollup-android-arm-eabi": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.19.0.tgz",
-      "integrity": "sha512-JlPfZ/C7yn5S5p0yKk7uhHTTnFlvTgLetl2VxqE518QgyM7C9bSfFTYvB/Q/ftkq0RIPY4ySxTz+/wKJ/dXC0w==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.20.0.tgz",
+      "integrity": "sha512-TSpWzflCc4VGAUJZlPpgAJE1+V60MePDQnBd7PPkpuEmOy8i87aL6tinFGKBFKuEDikYpig72QzdT3QPYIi+oA==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
       ]
     },
     "node_modules/@rollup/rollup-android-arm64": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.19.0.tgz",
-      "integrity": "sha512-RDxUSY8D1tWYfn00DDi5myxKgOk6RvWPxhmWexcICt/MEC6yEMr4HNCu1sXXYLw8iAsg0D44NuU+qNq7zVWCrw==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.20.0.tgz",
+      "integrity": "sha512-u00Ro/nok7oGzVuh/FMYfNoGqxU5CPWz1mxV85S2w9LxHR8OoMQBuSk+3BKVIDYgkpeOET5yXkx90OYFc+ytpQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "android"
       ]
     },
     "node_modules/@rollup/rollup-darwin-arm64": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.19.0.tgz",
-      "integrity": "sha512-emvKHL4B15x6nlNTBMtIaC9tLPRpeA5jMvRLXVbl/W9Ie7HhkrE7KQjvgS9uxgatL1HmHWDXk5TTS4IaNJxbAA==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.20.0.tgz",
+      "integrity": "sha512-uFVfvzvsdGtlSLuL0ZlvPJvl6ZmrH4CBwLGEFPe7hUmf7htGAN+aXo43R/V6LATyxlKVC/m6UsLb7jbG+LG39Q==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ]
     },
     "node_modules/@rollup/rollup-darwin-x64": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.19.0.tgz",
-      "integrity": "sha512-fO28cWA1dC57qCd+D0rfLC4VPbh6EOJXrreBmFLWPGI9dpMlER2YwSPZzSGfq11XgcEpPukPTfEVFtw2q2nYJg==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.20.0.tgz",
+      "integrity": "sha512-xbrMDdlev53vNXexEa6l0LffojxhqDTBeL+VUxuuIXys4x6xyvbKq5XqTXBCEUA8ty8iEJblHvFaWRJTk/icAQ==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.19.0.tgz",
-      "integrity": "sha512-2Rn36Ubxdv32NUcfm0wB1tgKqkQuft00PtM23VqLuCUR4N5jcNWDoV5iBC9jeGdgS38WK66ElncprqgMUOyomw==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.20.0.tgz",
+      "integrity": "sha512-jMYvxZwGmoHFBTbr12Xc6wOdc2xA5tF5F2q6t7Rcfab68TT0n+r7dgawD4qhPEvasDsVpQi+MgDzj2faOLsZjA==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.19.0.tgz",
-      "integrity": "sha512-gJuzIVdq/X1ZA2bHeCGCISe0VWqCoNT8BvkQ+BfsixXwTOndhtLUpOg0A1Fcx/+eA6ei6rMBzlOz4JzmiDw7JQ==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.20.0.tgz",
+      "integrity": "sha512-1asSTl4HKuIHIB1GcdFHNNZhxAYEdqML/MW4QmPS4G0ivbEcBr1JKlFLKsIRqjSwOBkdItn3/ZDlyvZ/N6KPlw==",
       "cpu": [
         "arm"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-gnu": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.19.0.tgz",
-      "integrity": "sha512-0EkX2HYPkSADo9cfeGFoQ7R0/wTKb7q6DdwI4Yn/ULFE1wuRRCHybxpl2goQrx4c/yzK3I8OlgtBu4xvted0ug==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.20.0.tgz",
+      "integrity": "sha512-COBb8Bkx56KldOYJfMf6wKeYJrtJ9vEgBRAOkfw6Ens0tnmzPqvlpjZiLgkhg6cA3DGzCmLmmd319pmHvKWWlQ==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-arm64-musl": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.19.0.tgz",
-      "integrity": "sha512-GlIQRj9px52ISomIOEUq/IojLZqzkvRpdP3cLgIE1wUWaiU5Takwlzpz002q0Nxxr1y2ZgxC2obWxjr13lvxNQ==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.20.0.tgz",
+      "integrity": "sha512-+it+mBSyMslVQa8wSPvBx53fYuZK/oLTu5RJoXogjk6x7Q7sz1GNRsXWjn6SwyJm8E/oMjNVwPhmNdIjwP135Q==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.19.0.tgz",
-      "integrity": "sha512-N6cFJzssruDLUOKfEKeovCKiHcdwVYOT1Hs6dovDQ61+Y9n3Ek4zXvtghPPelt6U0AH4aDGnDLb83uiJMkWYzQ==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.20.0.tgz",
+      "integrity": "sha512-yAMvqhPfGKsAxHN8I4+jE0CpLWD8cv4z7CK7BMmhjDuz606Q2tFKkWRY8bHR9JQXYcoLfopo5TTqzxgPUjUMfw==",
       "cpu": [
         "ppc64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.19.0.tgz",
-      "integrity": "sha512-2DnD3mkS2uuam/alF+I7M84koGwvn3ZVD7uG+LEWpyzo/bq8+kKnus2EVCkcvh6PlNB8QPNFOz6fWd5N8o1CYg==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.20.0.tgz",
+      "integrity": "sha512-qmuxFpfmi/2SUkAw95TtNq/w/I7Gpjurx609OOOV7U4vhvUhBcftcmXwl3rqAek+ADBwSjIC4IVNLiszoj3dPA==",
       "cpu": [
         "riscv64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-s390x-gnu": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.19.0.tgz",
-      "integrity": "sha512-D6pkaF7OpE7lzlTOFCB2m3Ngzu2ykw40Nka9WmKGUOTS3xcIieHe82slQlNq69sVB04ch73thKYIWz/Ian8DUA==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.20.0.tgz",
+      "integrity": "sha512-I0BtGXddHSHjV1mqTNkgUZLnS3WtsqebAXv11D5BZE/gfw5KoyXSAXVqyJximQXNvNzUo4GKlCK/dIwXlz+jlg==",
       "cpu": [
         "s390x"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-gnu": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.19.0.tgz",
-      "integrity": "sha512-HBndjQLP8OsdJNSxpNIN0einbDmRFg9+UQeZV1eiYupIRuZsDEoeGU43NQsS34Pp166DtwQOnpcbV/zQxM+rWA==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.20.0.tgz",
+      "integrity": "sha512-y+eoL2I3iphUg9tN9GB6ku1FA8kOfmF4oUEWhztDJ4KXJy1agk/9+pejOuZkNFhRwHAOxMsBPLbXPd6mJiCwew==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-linux-x64-musl": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.19.0.tgz",
-      "integrity": "sha512-HxfbvfCKJe/RMYJJn0a12eiOI9OOtAUF4G6ozrFUK95BNyoJaSiBjIOHjZskTUffUrB84IPKkFG9H9nEvJGW6A==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.20.0.tgz",
+      "integrity": "sha512-hM3nhW40kBNYUkZb/r9k2FKK+/MnKglX7UYd4ZUy5DJs8/sMsIbqWK2piZtVGE3kcXVNj3B2IrUYROJMMCikNg==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
       ]
     },
     "node_modules/@rollup/rollup-win32-arm64-msvc": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.19.0.tgz",
-      "integrity": "sha512-HxDMKIhmcguGTiP5TsLNolwBUK3nGGUEoV/BO9ldUBoMLBssvh4J0X8pf11i1fTV7WShWItB1bKAKjX4RQeYmg==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.20.0.tgz",
+      "integrity": "sha512-psegMvP+Ik/Bg7QRJbv8w8PAytPA7Uo8fpFjXyCRHWm6Nt42L+JtoqH8eDQ5hRP7/XW2UiIriy1Z46jf0Oa1kA==",
       "cpu": [
         "arm64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
     "node_modules/@rollup/rollup-win32-ia32-msvc": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.19.0.tgz",
-      "integrity": "sha512-xItlIAZZaiG/u0wooGzRsx11rokP4qyc/79LkAOdznGRAbOFc+SfEdfUOszG1odsHNgwippUJavag/+W/Etc6Q==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.20.0.tgz",
+      "integrity": "sha512-GabekH3w4lgAJpVxkk7hUzUf2hICSQO0a/BLFA11/RMxQT92MabKAqyubzDZmMOC/hcJNlc+rrypzNzYl4Dx7A==",
       "cpu": [
         "ia32"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
       ]
     },
     "node_modules/@rollup/rollup-win32-x64-msvc": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.19.0.tgz",
-      "integrity": "sha512-xNo5fV5ycvCCKqiZcpB65VMR11NJB+StnxHz20jdqRAktfdfzhgjTiJ2doTDQE/7dqGaV5I7ZGqKpgph6lCIag==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.20.0.tgz",
+      "integrity": "sha512-aJ1EJSuTdGnM6qbVC4B5DSmozPTqIag9fSzXRNNo+humQLG89XpPgdt16Ia56ORD7s+H8Pmyx44uczDQ0yDzpg==",
       "cpu": [
         "x64"
       ],
       "dev": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -865,6 +962,7 @@
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/@stripe/stripe-js/-/stripe-js-3.5.0.tgz",
       "integrity": "sha512-pKS3wZnJoL1iTyGBXAvCwduNNeghJHY6QSRSNNvpYnrrQrLZ6Owsazjyynu0e0ObRgks0i7Rv+pe2M7/MBTZpQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=12.16"
       }
@@ -873,6 +971,7 @@
       "version": "0.3.4",
       "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.3.4.tgz",
       "integrity": "sha512-vlAoBifNJUkagB+PAdW4aHMe4pKmSLroH398UPgIogBFc91D2VlHUxe4pjxQhiJl0Nfw53sHSJSQBSTQBZP3vA==",
+      "license": "MIT",
       "dependencies": {
         "mini-svg-data-uri": "^1.2.3"
       },
@@ -884,37 +983,43 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
       "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/@types/lodash": {
       "version": "4.17.7",
       "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.7.tgz",
-      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA=="
+      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==",
+      "license": "MIT"
     },
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.20",
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+      "license": "MIT"
     },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/@vee-validate/rules": {
       "version": "4.13.2",
       "resolved": "https://registry.npmjs.org/@vee-validate/rules/-/rules-4.13.2.tgz",
       "integrity": "sha512-NrmjxXw/gZQVhjgwIdEOeRYxn74I/3BYXTuExdwbpCPVgFh0pjTQx9aPGkVBnueeszVqO2LfWyKUpvwSWLPXRA==",
+      "license": "MIT",
       "dependencies": {
         "vee-validate": "4.13.2"
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "5.0.5",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.5.tgz",
-      "integrity": "sha512-LOjm7XeIimLBZyzinBQ6OSm3UBCNVCpLkxGC0oWmm2YPzVZoxMsdvNVimLTBzpAnR9hl/yn1SHGuRfe6/Td9rQ==",
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.2.tgz",
+      "integrity": "sha512-nY9IwH12qeiJqumTCLJLE7IiNx7HZ39cbHaysEUd+Myvbz9KAqd2yq+U01Kab1R/H1BmiyM2ShTYlNH32Fzo3A==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
       },
@@ -924,109 +1029,120 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.33.tgz",
-      "integrity": "sha512-MoIREbkdPQlnGfSKDMgzTqzqx5nmEjIc0ydLVYlTACGBsfvOJ4tHSbZXKVF536n6fB+0eZaGEOqsGThPpdvF5A==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.38.tgz",
+      "integrity": "sha512-8IQOTCWnLFqfHzOGm9+P8OPSEDukgg3Huc92qSG49if/xI2SAwLHQO2qaPQbjCWPBcQoO1WYfXfTACUrWV3c5A==",
+      "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.24.7",
-        "@vue/shared": "3.4.33",
+        "@vue/shared": "3.4.38",
         "entities": "^4.5.0",
         "estree-walker": "^2.0.2",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.33.tgz",
-      "integrity": "sha512-GzB8fxEHKw0gGet5BKlpfXEqoBnzSVWwMnT+dc25wE7pFEfrU/QsvjZMP9rD4iVXHBBoemTct8mN0GJEI6ZX5A==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.38.tgz",
+      "integrity": "sha512-Osc/c7ABsHXTsETLgykcOwIxFktHfGSUDkb05V61rocEfsFDcjDLH/IHJSNJP+/Sv9KeN2Lx1V6McZzlSb9EhQ==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-core": "3.4.33",
-        "@vue/shared": "3.4.33"
+        "@vue/compiler-core": "3.4.38",
+        "@vue/shared": "3.4.38"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.33.tgz",
-      "integrity": "sha512-7rk7Vbkn21xMwIUpHQR4hCVejwE6nvhBOiDgoBcR03qvGqRKA7dCBSsHZhwhYUsmjlbJ7OtD5UFIyhP6BY+c8A==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.38.tgz",
+      "integrity": "sha512-s5QfZ+9PzPh3T5H4hsQDJtI8x7zdJaew/dCGgqZ2630XdzaZ3AD8xGZfBqpT8oaD/p2eedd+pL8tD5vvt5ZYJQ==",
+      "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.24.7",
-        "@vue/compiler-core": "3.4.33",
-        "@vue/compiler-dom": "3.4.33",
-        "@vue/compiler-ssr": "3.4.33",
-        "@vue/shared": "3.4.33",
+        "@vue/compiler-core": "3.4.38",
+        "@vue/compiler-dom": "3.4.38",
+        "@vue/compiler-ssr": "3.4.38",
+        "@vue/shared": "3.4.38",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.30.10",
-        "postcss": "^8.4.39",
+        "postcss": "^8.4.40",
         "source-map-js": "^1.2.0"
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.33.tgz",
-      "integrity": "sha512-0WveC9Ai+eT/1b6LCV5IfsufBZ0HP7pSSTdDjcuW302tTEgoBw8rHVHKPbGUtzGReUFCRXbv6zQDDgucnV2WzQ==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.38.tgz",
+      "integrity": "sha512-YXznKFQ8dxYpAz9zLuVvfcXhc31FSPFDcqr0kyujbOwNhlmaNvL2QfIy+RZeJgSn5Fk54CWoEUeW+NVBAogGaw==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.4.33",
-        "@vue/shared": "3.4.33"
+        "@vue/compiler-dom": "3.4.38",
+        "@vue/shared": "3.4.38"
       }
     },
     "node_modules/@vue/devtools-api": {
       "version": "6.6.3",
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz",
-      "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw=="
+      "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw==",
+      "license": "MIT"
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.33.tgz",
-      "integrity": "sha512-B24QIelahDbyHipBgbUItQblbd4w5HpG3KccL+YkGyo3maXyS253FzcTR3pSz739OTphmzlxP7JxEMWBpewilA==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.38.tgz",
+      "integrity": "sha512-4vl4wMMVniLsSYYeldAKzbk72+D3hUnkw9z8lDeJacTxAkXeDAP1uE9xr2+aKIN0ipOL8EG2GPouVTH6yF7Gnw==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/shared": "3.4.33"
+        "@vue/shared": "3.4.38"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.33.tgz",
-      "integrity": "sha512-6wavthExzT4iAxpe8q37/rDmf44nyOJGISJPxCi9YsQO+8w9v0gLCFLfH5TzD1V1AYrTAdiF4Y1cgUmP68jP6w==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.38.tgz",
+      "integrity": "sha512-21z3wA99EABtuf+O3IhdxP0iHgkBs1vuoCAsCKLVJPEjpVqvblwBnTj42vzHRlWDCyxu9ptDm7sI2ZMcWrQqlA==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.4.33",
-        "@vue/shared": "3.4.33"
+        "@vue/reactivity": "3.4.38",
+        "@vue/shared": "3.4.38"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.33.tgz",
-      "integrity": "sha512-iHsMCUSFJ+4z432Bn9kZzHX+zOXa6+iw36DaVRmKYZpPt9jW9riF32SxNwB124i61kp9+AZtheQ/mKoJLerAaQ==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.38.tgz",
+      "integrity": "sha512-afZzmUreU7vKwKsV17H1NDThEEmdYI+GCAK/KY1U957Ig2NATPVjCROv61R19fjZNzMmiU03n79OMnXyJVN0UA==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/reactivity": "3.4.33",
-        "@vue/runtime-core": "3.4.33",
-        "@vue/shared": "3.4.33",
+        "@vue/reactivity": "3.4.38",
+        "@vue/runtime-core": "3.4.38",
+        "@vue/shared": "3.4.38",
         "csstype": "^3.1.3"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.33.tgz",
-      "integrity": "sha512-jTH0d6gQcaYideFP/k0WdEu8PpRS9MF8d0b6SfZzNi+ap972pZ0TNIeTaESwdOtdY0XPVj54XEJ6K0wXxir4fw==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.38.tgz",
+      "integrity": "sha512-NggOTr82FbPEkkUvBm4fTGcwUY8UuTsnWC/L2YZBmvaQ4C4Jl/Ao4HHTB+l7WnFCt5M/dN3l0XLuyjzswGYVCA==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-ssr": "3.4.33",
-        "@vue/shared": "3.4.33"
+        "@vue/compiler-ssr": "3.4.38",
+        "@vue/shared": "3.4.38"
       },
       "peerDependencies": {
-        "vue": "3.4.33"
+        "vue": "3.4.38"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.33.tgz",
-      "integrity": "sha512-aoRY0jQk3A/cuvdkodTrM4NMfxco8n55eG4H7ML/CRy7OryHfiqvug4xrCBBMbbN+dvXAetDDwZW9DXWWjBntA=="
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.38.tgz",
+      "integrity": "sha512-q0xCiLkuWWQLzVrecPb0RMsNWyxICOjPrcrwxTUEHb1fsnvni4dcuyG7RT/Ie7VPTvnjzIaWzRMUBsrqNj/hhw==",
+      "license": "MIT"
     },
     "node_modules/@vueuse/core": {
-      "version": "10.11.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.0.tgz",
-      "integrity": "sha512-x3sD4Mkm7PJ+pcq3HX8PLPBadXCAlSDR/waK87dz0gQE+qJnaaFhc/dZVfJz+IUYzTMVGum2QlR7ImiJQN4s6g==",
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
+      "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
+      "license": "MIT",
       "dependencies": {
         "@types/web-bluetooth": "^0.0.20",
-        "@vueuse/metadata": "10.11.0",
-        "@vueuse/shared": "10.11.0",
+        "@vueuse/metadata": "10.11.1",
+        "@vueuse/shared": "10.11.1",
         "vue-demi": ">=0.14.8"
       },
       "funding": {
@@ -1038,6 +1154,7 @@
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
       "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
+      "license": "MIT",
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
         "vue-demi-switch": "bin/vue-demi-switch.js"
@@ -1059,17 +1176,19 @@
       }
     },
     "node_modules/@vueuse/metadata": {
-      "version": "10.11.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.0.tgz",
-      "integrity": "sha512-kQX7l6l8dVWNqlqyN3ePW3KmjCQO3ZMgXuBMddIu83CmucrsBfXlH+JoviYyRBws/yLTQO8g3Pbw+bdIoVm4oQ==",
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
+      "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
     },
     "node_modules/@vueuse/shared": {
-      "version": "10.11.0",
-      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.0.tgz",
-      "integrity": "sha512-fyNoIXEq3PfX1L3NkNhtVQUSRtqYwJtJg+Bp9rIzculIZWHTkKSysujrOk2J+NrRulLTQH9+3gGSfYLWSEWU1A==",
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
+      "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
+      "license": "MIT",
       "dependencies": {
         "vue-demi": ">=0.14.8"
       },
@@ -1082,6 +1201,7 @@
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
       "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
+      "license": "MIT",
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
         "vue-demi-switch": "bin/vue-demi-switch.js"
@@ -1124,6 +1244,7 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@zhuowenli/vue-feather-icons/-/vue-feather-icons-5.0.2.tgz",
       "integrity": "sha512-a7rgGBZhhHUkgEa7pmhOSx6CxBGVsKDHxZnOgcHvFb0WHHvWWxmEFUQ3P2o8amImLYiYwTO2plPw5PLvP9vSRg==",
+      "license": "MIT",
       "dependencies": {
         "vue": "^3.0.0-beta.20"
       }
@@ -1132,6 +1253,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
       "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "license": "MIT",
       "dependencies": {
         "event-target-shim": "^5.0.0"
       },
@@ -1144,6 +1266,7 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
       "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
       "dev": true,
+      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1156,6 +1279,7 @@
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
       "dev": true,
+      "license": "MIT",
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
@@ -1164,6 +1288,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
       "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
       "dependencies": {
         "debug": "4"
       },
@@ -1176,6 +1301,7 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -1191,6 +1317,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -1199,6 +1326,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -1212,12 +1340,14 @@
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "license": "MIT"
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "license": "ISC",
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -1229,18 +1359,21 @@
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "license": "MIT"
     },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true
+      "dev": true,
+      "license": "Python-2.0"
     },
     "node_modules/arrify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
       "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -1248,12 +1381,13 @@
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.19",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.19.tgz",
-      "integrity": "sha512-BaENR2+zBZ8xXhM4pUaKUxlVdxZ0EZhjvbopwnXmxRUfqDmwSpC2lAi/QXvx7NRdPCo1WKEcEF6mV64si1z4Ew==",
+      "version": "10.4.20",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
       "dev": true,
       "funding": [
         {
@@ -1269,12 +1403,13 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.23.0",
-        "caniuse-lite": "^1.0.30001599",
+        "browserslist": "^4.23.3",
+        "caniuse-lite": "^1.0.30001646",
         "fraction.js": "^4.3.7",
         "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.0",
+        "picocolors": "^1.0.1",
         "postcss-value-parser": "^4.2.0"
       },
       "bin": {
@@ -1288,9 +1423,10 @@
       }
     },
     "node_modules/axios": {
-      "version": "1.7.2",
-      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
-      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
+      "integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
+      "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
@@ -1300,7 +1436,8 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "license": "MIT"
     },
     "node_modules/base64-js": {
       "version": "1.5.1",
@@ -1319,12 +1456,14 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/bignumber.js": {
       "version": "9.1.2",
       "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.2.tgz",
       "integrity": "sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug==",
+      "license": "MIT",
       "engines": {
         "node": "*"
       }
@@ -1333,6 +1472,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -1344,13 +1484,15 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -1360,6 +1502,7 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
       },
@@ -1368,9 +1511,9 @@
       }
     },
     "node_modules/browserslist": {
-      "version": "4.23.2",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.2.tgz",
-      "integrity": "sha512-qkqSyistMYdxAcw+CzbZwlBy8AGmS/eEWs+sEV5TnLRGDOL+C5M2EnH6tlZyg0YoAxGJAFKh61En9BR941GnHA==",
+      "version": "4.23.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz",
+      "integrity": "sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==",
       "dev": true,
       "funding": [
         {
@@ -1386,10 +1529,11 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001640",
-        "electron-to-chromium": "^1.4.820",
-        "node-releases": "^2.0.14",
+        "caniuse-lite": "^1.0.30001646",
+        "electron-to-chromium": "^1.5.4",
+        "node-releases": "^2.0.18",
         "update-browserslist-db": "^1.1.0"
       },
       "bin": {
@@ -1402,12 +1546,14 @@
     "node_modules/buffer-equal-constant-time": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
-      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA=="
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
+      "license": "BSD-3-Clause"
     },
     "node_modules/call-bind": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
       "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
@@ -1427,6 +1573,7 @@
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -1435,14 +1582,15 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001642",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001642.tgz",
-      "integrity": "sha512-3XQ0DoRgLijXJErLSl+bLnJ+Et4KqV1PY6JJBGAFlsNsz31zeAIncyeZfLCabHK/jtSh+671RM9YMldxjUPZtA==",
+      "version": "1.0.30001651",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001651.tgz",
+      "integrity": "sha512-9Cf+Xv1jJNe1xPZLGuUXLNkE1BoDkqRqYyFJ9TDYSqhduqA4hu4oR9HluGoWYQC/aj8WHjsGVV+bwkh0+tegRg==",
       "dev": true,
       "funding": [
         {
@@ -1457,13 +1605,15 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ]
+      ],
+      "license": "CC-BY-4.0"
     },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -1479,6 +1629,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "license": "MIT",
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -1502,6 +1653,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -1513,6 +1665,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -1523,12 +1676,14 @@
     "node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "license": "MIT"
     },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
       "dependencies": {
         "delayed-stream": "~1.0.0"
       },
@@ -1540,6 +1695,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
@@ -1548,13 +1704,15 @@
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/core-js": {
-      "version": "3.37.1",
-      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.37.1.tgz",
-      "integrity": "sha512-Xn6qmxrQZyB0FFY8E3bgRXei3lWDJHhvI+u0q9TKIYM49G8pAr0FgnnrFRAmsbptZL1yxRADVXn+x5AGsbBfyw==",
+      "version": "3.38.0",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.38.0.tgz",
+      "integrity": "sha512-XPpwqEodRljce9KswjZShh95qJ1URisBeKCjUdq27YdenkslVe7OO0ZJhlYXAChW7OhXaRLl8AAba7IBfoIHug==",
       "hasInstallScript": true,
+      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/core-js"
@@ -1564,6 +1722,7 @@
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -1577,6 +1736,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "license": "MIT",
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -1587,12 +1747,14 @@
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+      "license": "MIT"
     },
     "node_modules/debug": {
-      "version": "4.3.5",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
-      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
+      "license": "MIT",
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -1609,12 +1771,14 @@
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
       "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
@@ -1631,6 +1795,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.4.0"
       }
@@ -1638,18 +1803,21 @@
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "license": "Apache-2.0"
     },
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "license": "MIT"
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
       "dev": true,
+      "license": "Apache-2.0",
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -1660,31 +1828,36 @@
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "license": "MIT"
     },
     "node_modules/ecdsa-sig-formatter": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
       "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "license": "Apache-2.0",
       "dependencies": {
         "safe-buffer": "^5.0.1"
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.832",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.832.tgz",
-      "integrity": "sha512-cTen3SB0H2SGU7x467NRe1eVcQgcuS6jckKfWJHia2eo0cHIGOqHoAxevIYZD4eRHcWjkvFzo93bi3vJ9W+1lA==",
-      "dev": true
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.10.tgz",
+      "integrity": "sha512-C3RDERDjrNW262GCRvpoer3a0Ksd66CtgDLxMHhzShQ8fhL4kwnpVXsJPAKg9xJjIROXUbLBrvtOzVAjALMIWA==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "license": "MIT"
     },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
       },
@@ -1696,6 +1869,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
       "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "license": "MIT",
       "dependencies": {
         "get-intrinsic": "^1.2.4"
       },
@@ -1707,6 +1881,7 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
       "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
@@ -1717,6 +1892,7 @@
       "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
       "dev": true,
       "hasInstallScript": true,
+      "license": "MIT",
       "bin": {
         "esbuild": "bin/esbuild"
       },
@@ -1754,6 +1930,7 @@
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
       "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -1763,6 +1940,7 @@
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -1775,6 +1953,7 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
       "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -1830,6 +2009,7 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.27.0.tgz",
       "integrity": "sha512-5Dw3yxEyuBSXTzT5/Ge1X5kIkRTQ3nvBn/VwPwInNiZBSJOO/timWMUaflONnFBzU6NhB68lxnCda7ULV5N7LA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "globals": "^13.24.0",
@@ -1852,6 +2032,7 @@
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
       "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
@@ -1868,6 +2049,7 @@
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -1880,6 +2062,7 @@
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
       "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
@@ -1897,6 +2080,7 @@
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
       "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
       "dev": true,
+      "license": "BSD-3-Clause",
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -1909,6 +2093,7 @@
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -1921,6 +2106,7 @@
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
       }
@@ -1928,13 +2114,15 @@
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
     },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -1943,6 +2131,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
       "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -1950,18 +2139,21 @@
     "node_modules/extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
+      "license": "MIT"
     },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/fast-glob": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -1977,6 +2169,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -1988,23 +2181,27 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/fast-text-encoding": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/fast-text-encoding/-/fast-text-encoding-1.0.6.tgz",
-      "integrity": "sha512-VhXlQgj9ioXCqGstD37E/HBeqEGV/qOD/kmbVG8h5xKBYvM1L3lR1Zn4555cQ8GkYbJa8aJSipLPndE1k6zK2w=="
+      "integrity": "sha512-VhXlQgj9ioXCqGstD37E/HBeqEGV/qOD/kmbVG8h5xKBYvM1L3lR1Zn4555cQ8GkYbJa8aJSipLPndE1k6zK2w==",
+      "license": "Apache-2.0"
     },
     "node_modules/fastq": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
       "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -2012,13 +2209,15 @@
     "node_modules/fb-sdk-wrapper": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/fb-sdk-wrapper/-/fb-sdk-wrapper-1.1.0.tgz",
-      "integrity": "sha512-66peeFF3epjeQR5l+aaB03aF8bEI+bQf+wMq3fjnUEyQ1d6qR+Z6rGHq9bSxuu2kzEtWG+0PfU5x2SiVEcYy0w=="
+      "integrity": "sha512-66peeFF3epjeQR5l+aaB03aF8bEI+bQf+wMq3fjnUEyQ1d6qR+Z6rGHq9bSxuu2kzEtWG+0PfU5x2SiVEcYy0w==",
+      "license": "MIT"
     },
     "node_modules/file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -2030,6 +2229,7 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -2042,6 +2242,7 @@
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -2058,6 +2259,7 @@
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
       "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "flatted": "^3.2.9",
         "keyv": "^4.5.3",
@@ -2071,7 +2273,8 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
       "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/follow-redirects": {
       "version": "1.15.6",
@@ -2083,6 +2286,7 @@
           "url": "https://github.com/sponsors/RubenVerborgh"
         }
       ],
+      "license": "MIT",
       "engines": {
         "node": ">=4.0"
       },
@@ -2093,9 +2297,10 @@
       }
     },
     "node_modules/foreground-child": {
-      "version": "3.2.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.2.1.tgz",
-      "integrity": "sha512-PXUUyLqrR2XCWICfv6ukppP96sdFwWbNEnfEMt7jNsISjMsvaLNinAHNDYyvkyU+SZG2BTSbT5NjG+vZslfGTA==",
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
+      "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
+      "license": "ISC",
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^4.0.1"
@@ -2111,6 +2316,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
       "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "license": "MIT",
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
@@ -2125,6 +2331,7 @@
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
       "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": "*"
       },
@@ -2137,13 +2344,15 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
       "hasInstallScript": true,
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -2156,6 +2365,7 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -2164,6 +2374,7 @@
       "version": "4.3.3",
       "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-4.3.3.tgz",
       "integrity": "sha512-gSaYYIO1Y3wUtdfHmjDUZ8LWaxJQpiavzbF5Kq53akSzvmVg0RfyOcFDbO1KJ/KCGRFz2qG+lS81F0nkr7cRJA==",
+      "license": "Apache-2.0",
       "dependencies": {
         "abort-controller": "^3.0.0",
         "extend": "^3.0.2",
@@ -2179,6 +2390,7 @@
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-4.3.1.tgz",
       "integrity": "sha512-x850LS5N7V1F3UcV7PoupzGsyD6iVwTVvsh3tbXfkctZnBnjW5yu5z1/3k3SehF7TyoTIe78rJs02GMMy+LF+A==",
+      "license": "Apache-2.0",
       "dependencies": {
         "gaxios": "^4.0.0",
         "json-bigint": "^1.0.0"
@@ -2191,6 +2403,7 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
       "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
         "function-bind": "^1.1.2",
@@ -2211,6 +2424,7 @@
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -2230,6 +2444,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -2242,6 +2457,7 @@
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -2256,6 +2472,7 @@
       "version": "7.14.1",
       "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-7.14.1.tgz",
       "integrity": "sha512-5Rk7iLNDFhFeBYc3s8l1CqzbEBcdhwR193RlD4vSNFajIcINKI8W8P0JLmBpwymHqqWbX34pJDQu39cSy/6RsA==",
+      "license": "Apache-2.0",
       "dependencies": {
         "arrify": "^2.0.0",
         "base64-js": "^1.3.0",
@@ -2275,6 +2492,8 @@
       "version": "3.1.4",
       "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-3.1.4.tgz",
       "integrity": "sha512-HHuHmkLgwjdmVRngf5+gSmpkyaRI6QmOg77J8tkNBHhNEI62sGHyw4/+UkgyZEI7h84NbWprXDJ+sa3xOYFvTg==",
+      "deprecated": "Package is no longer maintained",
+      "license": "MIT",
       "dependencies": {
         "node-forge": "^1.3.1"
       },
@@ -2289,6 +2508,7 @@
       "version": "71.0.0",
       "resolved": "https://registry.npmjs.org/googleapis/-/googleapis-71.0.0.tgz",
       "integrity": "sha512-pi3aWckvsEJbZmJ/+MeO8eIWOK2wmSKRRLvCQbgqTLrFce/jEHLusPly+H3FkpmbO3oTtYRUMJJ07Y4F3DeOgA==",
+      "license": "Apache-2.0",
       "dependencies": {
         "google-auth-library": "^7.0.2",
         "googleapis-common": "^5.0.2"
@@ -2301,6 +2521,7 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/googleapis-common/-/googleapis-common-5.1.0.tgz",
       "integrity": "sha512-RXrif+Gzhq1QAzfjxulbGvAY3FPj8zq/CYcvgjzDbaBNCD6bUl+86I7mUs4DKWHGruuK26ijjR/eDpWIDgNROA==",
+      "license": "Apache-2.0",
       "dependencies": {
         "extend": "^3.0.2",
         "gaxios": "^4.0.0",
@@ -2317,6 +2538,7 @@
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
       "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "license": "MIT",
       "bin": {
         "uuid": "dist/bin/uuid"
       }
@@ -2325,6 +2547,7 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
       "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "license": "MIT",
       "dependencies": {
         "get-intrinsic": "^1.1.3"
       },
@@ -2336,12 +2559,14 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
       "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/gtoken": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-5.3.2.tgz",
       "integrity": "sha512-gkvEKREW7dXWF8NV8pVrKfW7WqReAmjjkMBh6lNCCGOM4ucS0r0YyXXl0r/9Yj8wcW/32ISkfc8h5mPTDbtifQ==",
+      "license": "MIT",
       "dependencies": {
         "gaxios": "^4.0.0",
         "google-p12-pem": "^3.1.3",
@@ -2356,6 +2581,7 @@
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2364,6 +2590,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
       "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0"
       },
@@ -2375,6 +2602,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
       "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -2386,6 +2614,7 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
       "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -2397,6 +2626,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -2408,6 +2638,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
       "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
       "dependencies": {
         "agent-base": "6",
         "debug": "4"
@@ -2417,10 +2648,11 @@
       }
     },
     "node_modules/ignore": {
-      "version": "5.3.1",
-      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
-      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 4"
       }
@@ -2430,6 +2662,7 @@
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -2446,6 +2679,7 @@
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.8.19"
       }
@@ -2456,6 +2690,7 @@
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
       "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -2465,12 +2700,14 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "license": "MIT",
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -2482,6 +2719,7 @@
       "version": "2.15.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.0.tgz",
       "integrity": "sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==",
+      "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.2"
       },
@@ -2496,6 +2734,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2504,6 +2743,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2512,6 +2752,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -2523,6 +2764,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
@@ -2532,6 +2774,7 @@
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2540,6 +2783,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
       "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -2550,12 +2794,14 @@
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "license": "ISC"
     },
     "node_modules/jackspeak": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
       "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
@@ -2570,6 +2816,7 @@
       "version": "1.21.6",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
       "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
+      "license": "MIT",
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -2579,6 +2826,7 @@
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -2590,6 +2838,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz",
       "integrity": "sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==",
+      "license": "MIT",
       "dependencies": {
         "bignumber.js": "^9.0.0"
       }
@@ -2598,24 +2847,28 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
       "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/jwa": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.0.tgz",
       "integrity": "sha512-jrZ2Qx916EA+fq9cEAeCROWPTfCwi1IVHqT2tapuqLEVVDKFDENFw1oL+MwrTvH6msKxsd1YTDVw6uKEcsrLEA==",
+      "license": "MIT",
       "dependencies": {
         "buffer-equal-constant-time": "1.0.1",
         "ecdsa-sig-formatter": "1.0.11",
@@ -2626,6 +2879,7 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/jws/-/jws-4.0.0.tgz",
       "integrity": "sha512-KDncfTmOZoOMTFG4mBlG0qUIOlc03fmzH+ru6RgYVZhPkyiy/92Owlt/8UEN+a4TXR1FQetfIpJE8ApdvdVxTg==",
+      "license": "MIT",
       "dependencies": {
         "jwa": "^2.0.0",
         "safe-buffer": "^5.0.1"
@@ -2645,6 +2899,7 @@
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
       "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "json-buffer": "3.0.1"
       }
@@ -2654,6 +2909,7 @@
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -2666,6 +2922,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
       "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       }
@@ -2673,13 +2930,15 @@
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "license": "MIT"
     },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -2693,23 +2952,27 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
     },
     "node_modules/lodash-es": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "license": "MIT"
     },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "license": "ISC",
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -2718,17 +2981,19 @@
       }
     },
     "node_modules/magic-string": {
-      "version": "0.30.10",
-      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
-      "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+      "version": "0.30.11",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
+      "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
+      "license": "MIT",
       "dependencies": {
-        "@jridgewell/sourcemap-codec": "^1.4.15"
+        "@jridgewell/sourcemap-codec": "^1.5.0"
       }
     },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -2737,6 +3002,7 @@
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
       "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
+      "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
         "picomatch": "^2.3.1"
@@ -2749,6 +3015,7 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -2757,6 +3024,7 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -2768,6 +3036,7 @@
       "version": "1.4.4",
       "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
       "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+      "license": "MIT",
       "bin": {
         "mini-svg-data-uri": "cli.js"
       }
@@ -2777,6 +3046,7 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -2788,6 +3058,7 @@
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
       "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "license": "ISC",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -2795,12 +3066,14 @@
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "license": "MIT"
     },
     "node_modules/mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -2810,7 +3083,8 @@
     "node_modules/nanoclone": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/nanoclone/-/nanoclone-0.2.1.tgz",
-      "integrity": "sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA=="
+      "integrity": "sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA==",
+      "license": "MIT"
     },
     "node_modules/nanoid": {
       "version": "3.3.7",
@@ -2822,6 +3096,7 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -2833,12 +3108,14 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/node-fetch": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
       "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
       "dependencies": {
         "whatwg-url": "^5.0.0"
       },
@@ -2858,20 +3135,23 @@
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
       "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
+      "license": "(BSD-3-Clause OR GPL-2.0)",
       "engines": {
         "node": ">= 6.13.0"
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.17",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.17.tgz",
-      "integrity": "sha512-Ww6ZlOiEQfPfXM45v17oabk77Z7mg5bOt7AjDyzy7RjK9OrLrLC8dyZQoAPEOtFX9SaNf1Tdvr5gRJWdTJj7GA==",
-      "dev": true
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2881,6 +3161,7 @@
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
       "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2890,6 +3171,7 @@
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
       "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "boolbase": "^1.0.0"
       },
@@ -2901,6 +3183,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2909,6 +3192,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
@@ -2917,6 +3201,7 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
       "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -2929,6 +3214,7 @@
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "wrappy": "1"
       }
@@ -2938,6 +3224,7 @@
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
       "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
@@ -2955,6 +3242,7 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -2970,6 +3258,7 @@
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -2983,13 +3272,15 @@
     "node_modules/package-json-from-dist": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
-      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw=="
+      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==",
+      "license": "BlueOak-1.0.0"
     },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -3002,6 +3293,7 @@
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3011,6 +3303,7 @@
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3019,6 +3312,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3026,12 +3320,14 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "license": "MIT"
     },
     "node_modules/path-scurry": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
       "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "license": "BlueOak-1.0.0",
       "dependencies": {
         "lru-cache": "^10.2.0",
         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
@@ -3046,17 +3342,20 @@
     "node_modules/path-scurry/node_modules/lru-cache": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
+      "license": "ISC"
     },
     "node_modules/picocolors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
+      "license": "ISC"
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "license": "MIT",
       "engines": {
         "node": ">=8.6"
       },
@@ -3068,17 +3367,19 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/pinia": {
-      "version": "2.1.7",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.1.7.tgz",
-      "integrity": "sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==",
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.2.2.tgz",
+      "integrity": "sha512-ja2XqFWZC36mupU4z1ZzxeTApV7DOw44cV4dhQ9sGwun+N89v/XP7+j7q6TanS1u1tdbK4r+1BUx7heMaIdagA==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/devtools-api": "^6.5.0",
-        "vue-demi": ">=0.14.5"
+        "@vue/devtools-api": "^6.6.3",
+        "vue-demi": "^0.14.10"
       },
       "funding": {
         "url": "https://github.com/sponsors/posva"
@@ -3098,10 +3399,11 @@
       }
     },
     "node_modules/pinia/node_modules/vue-demi": {
-      "version": "0.14.8",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.8.tgz",
-      "integrity": "sha512-Uuqnk9YE9SsWeReYqK2alDI5YzciATE0r2SkA6iMAtuXvNTMNACJLJEXNXaEy94ECuBe4Sk6RzRU80kjdbIo1Q==",
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
+      "license": "MIT",
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
         "vue-demi-switch": "bin/vue-demi-switch.js"
@@ -3126,14 +3428,15 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.39",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.39.tgz",
-      "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==",
+      "version": "8.4.41",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.41.tgz",
+      "integrity": "sha512-TesUflQ0WKZqAvg52PWL6kHgLKP6xB6heTOdoYM0Wt2UHyxNa4K25EZZMgKns3BH1RLVbZCREPpLY0rhnNoHVQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -3148,6 +3451,7 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "nanoid": "^3.3.7",
         "picocolors": "^1.0.1",
@@ -3161,6 +3465,7 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "license": "MIT",
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -3177,6 +3482,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "license": "MIT",
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -3205,6 +3511,7 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "lilconfig": "^3.0.0",
         "yaml": "^2.3.4"
@@ -3229,6 +3536,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
       "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
+      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -3250,6 +3558,7 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "postcss-selector-parser": "^6.1.1"
       },
@@ -3261,9 +3570,10 @@
       }
     },
     "node_modules/postcss-selector-parser": {
-      "version": "6.1.1",
-      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz",
-      "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==",
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "license": "MIT",
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -3275,13 +3585,15 @@
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
     },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -3289,26 +3601,30 @@
     "node_modules/property-expr": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.6.tgz",
-      "integrity": "sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA=="
+      "integrity": "sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==",
+      "license": "MIT"
     },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
     },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
     },
     "node_modules/qs": {
-      "version": "6.12.3",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.12.3.tgz",
-      "integrity": "sha512-AWJm14H1vVaO/iNZ4/hO+HyaTehuy9nRqVdkTqlJt0HWvBiBIEXFmb4C0DGeYo3Xes9rrEW+TxHsaigCbN5ICQ==",
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "license": "BSD-3-Clause",
       "dependencies": {
         "side-channel": "^1.0.6"
       },
@@ -3336,12 +3652,14 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "license": "MIT",
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -3350,6 +3668,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "license": "MIT",
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -3360,12 +3679,14 @@
     "node_modules/regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "license": "MIT"
     },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
       "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
@@ -3383,6 +3704,7 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -3391,6 +3713,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -3402,6 +3725,7 @@
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
       "deprecated": "Rimraf versions prior to v4 are no longer supported",
       "dev": true,
+      "license": "ISC",
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -3413,10 +3737,11 @@
       }
     },
     "node_modules/rollup": {
-      "version": "4.19.0",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.19.0.tgz",
-      "integrity": "sha512-5r7EYSQIowHsK4eTZ0Y81qpZuJz+MUuYeqmmYmRMl1nwhdmbiYqt5jwzf6u7wyOzJgYqtCRMtVRKOtHANBz7rA==",
+      "version": "4.20.0",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.20.0.tgz",
+      "integrity": "sha512-6rbWBChcnSGzIlXeIdNIZTopKYad8ZG8ajhl78lGRLsI2rX8IkaotQhVas2Ma+GPxJav19wrSzvRvuiv0YKzWw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/estree": "1.0.5"
       },
@@ -3428,22 +3753,22 @@
         "npm": ">=8.0.0"
       },
       "optionalDependencies": {
-        "@rollup/rollup-android-arm-eabi": "4.19.0",
-        "@rollup/rollup-android-arm64": "4.19.0",
-        "@rollup/rollup-darwin-arm64": "4.19.0",
-        "@rollup/rollup-darwin-x64": "4.19.0",
-        "@rollup/rollup-linux-arm-gnueabihf": "4.19.0",
-        "@rollup/rollup-linux-arm-musleabihf": "4.19.0",
-        "@rollup/rollup-linux-arm64-gnu": "4.19.0",
-        "@rollup/rollup-linux-arm64-musl": "4.19.0",
-        "@rollup/rollup-linux-powerpc64le-gnu": "4.19.0",
-        "@rollup/rollup-linux-riscv64-gnu": "4.19.0",
-        "@rollup/rollup-linux-s390x-gnu": "4.19.0",
-        "@rollup/rollup-linux-x64-gnu": "4.19.0",
-        "@rollup/rollup-linux-x64-musl": "4.19.0",
-        "@rollup/rollup-win32-arm64-msvc": "4.19.0",
-        "@rollup/rollup-win32-ia32-msvc": "4.19.0",
-        "@rollup/rollup-win32-x64-msvc": "4.19.0",
+        "@rollup/rollup-android-arm-eabi": "4.20.0",
+        "@rollup/rollup-android-arm64": "4.20.0",
+        "@rollup/rollup-darwin-arm64": "4.20.0",
+        "@rollup/rollup-darwin-x64": "4.20.0",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.20.0",
+        "@rollup/rollup-linux-arm-musleabihf": "4.20.0",
+        "@rollup/rollup-linux-arm64-gnu": "4.20.0",
+        "@rollup/rollup-linux-arm64-musl": "4.20.0",
+        "@rollup/rollup-linux-powerpc64le-gnu": "4.20.0",
+        "@rollup/rollup-linux-riscv64-gnu": "4.20.0",
+        "@rollup/rollup-linux-s390x-gnu": "4.20.0",
+        "@rollup/rollup-linux-x64-gnu": "4.20.0",
+        "@rollup/rollup-linux-x64-musl": "4.20.0",
+        "@rollup/rollup-win32-arm64-msvc": "4.20.0",
+        "@rollup/rollup-win32-ia32-msvc": "4.20.0",
+        "@rollup/rollup-win32-x64-msvc": "4.20.0",
         "fsevents": "~2.3.2"
       }
     },
@@ -3465,6 +3790,7 @@
           "url": "https://feross.org/support"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "queue-microtask": "^1.2.2"
       }
@@ -3486,13 +3812,15 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ]
+      ],
+      "license": "MIT"
     },
     "node_modules/semver": {
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
       "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
+      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -3504,6 +3832,7 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
       "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.1.4",
         "es-errors": "^1.3.0",
@@ -3520,6 +3849,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -3531,6 +3861,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3539,6 +3870,7 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
       "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
@@ -3556,6 +3888,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "license": "ISC",
       "engines": {
         "node": ">=14"
       },
@@ -3567,6 +3900,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
       "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3575,6 +3909,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "license": "MIT",
       "dependencies": {
         "eastasianwidth": "^0.2.0",
         "emoji-regex": "^9.2.2",
@@ -3592,6 +3927,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -3604,12 +3940,14 @@
     "node_modules/string-width-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
     },
     "node_modules/string-width/node_modules/ansi-regex": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -3621,6 +3959,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -3635,6 +3974,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -3647,6 +3987,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -3659,6 +4000,7 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -3670,6 +4012,7 @@
       "version": "3.35.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
       "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -3691,6 +4034,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
@@ -3699,6 +4043,7 @@
       "version": "10.4.5",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
       "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "license": "ISC",
       "dependencies": {
         "foreground-child": "^3.1.0",
         "jackspeak": "^3.1.2",
@@ -3718,6 +4063,7 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -3733,6 +4079,7 @@
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -3744,6 +4091,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -3752,9 +4100,10 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.6",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.6.tgz",
-      "integrity": "sha512-1uRHzPB+Vzu57ocybfZ4jh5Q3SdlH7XW23J5sQoM9LhE9eIOlzxer/3XPSsycvih3rboRsvt0QCmzSrqyOYUIA==",
+      "version": "3.4.10",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.10.tgz",
+      "integrity": "sha512-KWZkVPm7yJRhdu4SRSl9d4AK2wM3a50UsvgHZO7xY77NQr2V+fIrEuoDGQcbvswWvFGbS2f6e+jC/6WJm1Dl0w==",
+      "license": "MIT",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -3791,12 +4140,14 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/thenify": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0"
       }
@@ -3805,6 +4156,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "license": "MIT",
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
       },
@@ -3812,10 +4164,20 @@
         "node": ">=0.8"
       }
     },
+    "node_modules/to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -3826,23 +4188,27 @@
     "node_modules/toposort": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz",
-      "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg=="
+      "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==",
+      "license": "MIT"
     },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
     },
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "license": "Apache-2.0"
     },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -3855,6 +4221,7 @@
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
       "dev": true,
+      "license": "(MIT OR CC0-1.0)",
       "engines": {
         "node": ">=10"
       },
@@ -3881,6 +4248,7 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "escalade": "^3.1.2",
         "picocolors": "^1.0.1"
@@ -3897,6 +4265,7 @@
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
       "dev": true,
+      "license": "BSD-2-Clause",
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -3904,12 +4273,14 @@
     "node_modules/url-template": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/url-template/-/url-template-2.0.8.tgz",
-      "integrity": "sha512-XdVKMF4SJ0nP/O7XIPB0JwAEuT9lDIYnNsK8yGVe43y0AWoKeJNdv3ZNWh7ksJ6KqQFjOO6ox/VEitLnaVNufw=="
+      "integrity": "sha512-XdVKMF4SJ0nP/O7XIPB0JwAEuT9lDIYnNsK8yGVe43y0AWoKeJNdv3ZNWh7ksJ6KqQFjOO6ox/VEitLnaVNufw==",
+      "license": "BSD"
     },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
     },
     "node_modules/uuid": {
       "version": "10.0.0",
@@ -3919,6 +4290,7 @@
         "https://github.com/sponsors/broofa",
         "https://github.com/sponsors/ctavan"
       ],
+      "license": "MIT",
       "bin": {
         "uuid": "dist/bin/uuid"
       }
@@ -3927,6 +4299,7 @@
       "version": "4.13.2",
       "resolved": "https://registry.npmjs.org/vee-validate/-/vee-validate-4.13.2.tgz",
       "integrity": "sha512-HlpR/6MJ92TW9f135umMZKUqdd/tFQTxLNSf2ImbU4Y/MlLVAUpF1l64VdjTOhbClAqPjCb5p/SqHDxLpUHXrw==",
+      "license": "MIT",
       "dependencies": {
         "@vue/devtools-api": "^6.6.1",
         "type-fest": "^4.8.3"
@@ -3936,9 +4309,10 @@
       }
     },
     "node_modules/vee-validate/node_modules/type-fest": {
-      "version": "4.22.1",
-      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.22.1.tgz",
-      "integrity": "sha512-9tHNEa0Ov81YOopiVkcCJVz5TM6AEQ+CHHjFIktqPnE3NV0AHIkx+gh9tiCl58m/66wWxkOC9eltpa75J4lQPA==",
+      "version": "4.25.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.25.0.tgz",
+      "integrity": "sha512-bRkIGlXsnGBRBQRAY56UXBm//9qH4bmJfFvq83gSz41N282df+fjy8ofcEgc1sM8geNt5cl6mC2g9Fht1cs8Aw==",
+      "license": "(MIT OR CC0-1.0)",
       "engines": {
         "node": ">=16"
       },
@@ -3947,13 +4321,14 @@
       }
     },
     "node_modules/vite": {
-      "version": "5.3.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-5.3.4.tgz",
-      "integrity": "sha512-Cw+7zL3ZG9/NZBB8C+8QbQZmR54GwqIz+WMI4b3JgdYJvX+ny9AjJXqkGQlDXSXRP9rP0B4tbciRMOVEKulVOA==",
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.1.tgz",
+      "integrity": "sha512-1oE6yuNXssjrZdblI9AfBbHCC41nnyoVoEZxQnID6yvQZAFBzxxkqoFLtHUMkYunL8hwOLEjgTuxpkRxvba3kA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "esbuild": "^0.21.3",
-        "postcss": "^8.4.39",
+        "postcss": "^8.4.41",
         "rollup": "^4.13.0"
       },
       "bin": {
@@ -3973,6 +4348,7 @@
         "less": "*",
         "lightningcss": "^1.21.0",
         "sass": "*",
+        "sass-embedded": "*",
         "stylus": "*",
         "sugarss": "*",
         "terser": "^5.4.0"
@@ -3990,6 +4366,9 @@
         "sass": {
           "optional": true
         },
+        "sass-embedded": {
+          "optional": true
+        },
         "stylus": {
           "optional": true
         },
@@ -4002,15 +4381,16 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.4.33",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.33.tgz",
-      "integrity": "sha512-VdMCWQOummbhctl4QFMcW6eNtXHsFyDlX60O/tsSQuCcuDOnJ1qPOhhVla65Niece7xq/P2zyZReIO5mP+LGTQ==",
+      "version": "3.4.38",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.38.tgz",
+      "integrity": "sha512-f0ZgN+mZ5KFgVv9wz0f4OgVKukoXtS3nwET4c2vLBGQR50aI8G0cqbFtLlX9Yiyg3LFGBitruPHt2PxwTduJEw==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/compiler-dom": "3.4.33",
-        "@vue/compiler-sfc": "3.4.33",
-        "@vue/runtime-dom": "3.4.33",
-        "@vue/server-renderer": "3.4.33",
-        "@vue/shared": "3.4.33"
+        "@vue/compiler-dom": "3.4.38",
+        "@vue/compiler-sfc": "3.4.38",
+        "@vue/runtime-dom": "3.4.38",
+        "@vue/server-renderer": "3.4.38",
+        "@vue/shared": "3.4.38"
       },
       "peerDependencies": {
         "typescript": "*"
@@ -4026,6 +4406,7 @@
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
       "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "debug": "^4.3.4",
         "eslint-scope": "^7.1.1",
@@ -4046,11 +4427,12 @@
       }
     },
     "node_modules/vue-router": {
-      "version": "4.4.0",
-      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.4.0.tgz",
-      "integrity": "sha512-HB+t2p611aIZraV2aPSRNXf0Z/oLZFrlygJm+sZbdJaW6lcFqEDQwnzUBXn+DApw+/QzDU/I9TeWx9izEjTmsA==",
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.4.3.tgz",
+      "integrity": "sha512-sv6wmNKx2j3aqJQDMxLFzs/u/mjA9Z5LCgy6BE0f7yFWMjrPLnS/sPNn8ARY/FXw6byV18EFutn5lTO6+UsV5A==",
+      "license": "MIT",
       "dependencies": {
-        "@vue/devtools-api": "^6.5.1"
+        "@vue/devtools-api": "^6.6.3"
       },
       "funding": {
         "url": "https://github.com/sponsors/posva"
@@ -4060,17 +4442,19 @@
       }
     },
     "node_modules/vue3-google-login": {
-      "version": "2.0.27",
-      "resolved": "https://registry.npmjs.org/vue3-google-login/-/vue3-google-login-2.0.27.tgz",
-      "integrity": "sha512-F5ufTy1xGxpNRIIQQnIlvhCnzNAVFQiydJgW/BGJXPzOq2We2eZ9QaC61IXu+14gzXDPhALu1OsZGzQkyze8IA==",
+      "version": "2.0.33",
+      "resolved": "https://registry.npmjs.org/vue3-google-login/-/vue3-google-login-2.0.33.tgz",
+      "integrity": "sha512-Hx3JJUREXWCFOOB4AzZKy/x7C+X18kxmT0AquBekm0TRubp11nrWijOLEgmhuij48dQPNumyaAi5IQAeDKk7yw==",
+      "license": "MIT",
       "peerDependencies": {
         "vue": "^3.0.3"
       }
     },
     "node_modules/vuetify": {
-      "version": "3.6.13",
-      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.6.13.tgz",
-      "integrity": "sha512-Gz7jxXAkmff2m6CM0EUWOo/72TM322/3I6aDna++k1nPOW1/hNx4td1MZG4u75fzdn3r+uIe0dbF7SWuhu6DWA==",
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.7.0.tgz",
+      "integrity": "sha512-x+UaU4SPYNcJSE/voCTBFrNn0q9Spzx2EMfDdUj0NYgHGKb59OqnZte+AjaJaoOXy1AHYIGEpm5Ryk2BEfgWuw==",
+      "license": "MIT",
       "engines": {
         "node": "^12.20 || >=14.13"
       },
@@ -4103,12 +4487,14 @@
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
     },
     "node_modules/whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
       "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
       "dependencies": {
         "tr46": "~0.0.3",
         "webidl-conversions": "^3.0.0"
@@ -4118,6 +4504,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -4133,6 +4520,7 @@
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
       "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4141,6 +4529,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^6.1.0",
         "string-width": "^5.0.1",
@@ -4158,6 +4547,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -4173,12 +4563,14 @@
     "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "license": "MIT"
     },
     "node_modules/wrap-ansi-cjs/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -4192,6 +4584,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -4203,6 +4596,7 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -4214,6 +4608,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -4228,13 +4623,15 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/xml-name-validator": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
       "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
       "dev": true,
+      "license": "Apache-2.0",
       "engines": {
         "node": ">=12"
       }
@@ -4242,12 +4639,14 @@
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "license": "ISC"
     },
     "node_modules/yaml": {
-      "version": "2.4.5",
-      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.5.tgz",
-      "integrity": "sha512-aBx2bnqDzVOyNKfsysjA2ms5ZlnjSAW2eG3/L5G/CSujfjLJTJsEw1bGw8kCf04KodQWk1pxlGnZ56CRxiawmg==",
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.0.tgz",
+      "integrity": "sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==",
+      "license": "ISC",
       "bin": {
         "yaml": "bin.mjs"
       },
@@ -4260,6 +4659,7 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -4271,6 +4671,7 @@
       "version": "0.32.11",
       "resolved": "https://registry.npmjs.org/yup/-/yup-0.32.11.tgz",
       "integrity": "sha512-Z2Fe1bn+eLstG8DRR6FTavGD+MeAwyfmouhHsIUgaADz8jvFKbO/fXc2trJKZg+5EBjh4gGm3iU/t3onKlXHIg==",
+      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.15.4",
         "@types/lodash": "^4.14.175",

From a923dd93c03a50f5effa9ab5cddc40f4f5a28a2f Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 17 Aug 2024 11:19:21 -0400
Subject: [PATCH 104/109] Added message modification (UI) need backend to be
 called

---
 src/views/messages/Message.vue | 96 ++++++++++++++++++++++++++--------
 1 file changed, 75 insertions(+), 21 deletions(-)

diff --git a/src/views/messages/Message.vue b/src/views/messages/Message.vue
index 258c68b..d715f56 100644
--- a/src/views/messages/Message.vue
+++ b/src/views/messages/Message.vue
@@ -1,32 +1,31 @@
 <template>
-  <div class="flex flex-column py-2 ">
-    <div class="flex flex-row full ">
-      <div  class="w-full">
+  <div class="flex flex-column py-2">
+    <div class="flex flex-row full">
+      <div class="w-full">
         <div class="flex justify-between items-center">
           <div>
             <div>
-              <div class=" content-center flex flex-row">
+              <div class="content-center flex flex-row">
                 <img
                     :src="message.createdByPortraitUrl ?? '/images/usersmedia/anonyme/profilepictures/profileAnonymeSquare.png'"
                     alt="Profile Image"
                     class="rounded-full"
                     width="32px"
-                    height="32px">
+                    height="32px"
+                />
                 <span class="font-semibold font-sans mr-2 capitalize ml-2">
-              {{ message.createdByName }}
-            </span>
+                  {{ message.createdByName }}
+                </span>
 
                 <v-tooltip :text="new Date(message.createdAt).toLocaleString()">
                   <template v-slot:activator="{ props }">
-                <span v-bind="props" class="text-sm-caption text-gray-700 mt-1">
-                  {{ time_ago(message.createdAt) }}
-                </span>
+                    <span v-bind="props" class="text-sm-caption text-gray-700 mt-1">
+                      {{ time_ago(message.createdAt) }}
+                    </span>
                   </template>
-                </v-tooltip>                              
+                </v-tooltip>
               </div>
             </div>
-
-
           </div>
           <v-menu class="ml-auto">
             <template v-slot:activator="{ props }">
@@ -49,8 +48,27 @@
         </div>
 
         <div class="font-sans message-content">
-          <p class=" pb-2"> {{ message.value }}</p>
+          <p class="pb-2" v-if="!isEditMessage"> {{ message.value }}</p>
 
+          <div v-if="isEditMessage" class="flex flex-row">
+            <v-textarea
+                variant="outlined"
+                v-model="editMessageValue"
+                rows="1"
+                auto-grow
+                class="flex-1 mt-3"
+                @keyup.enter="acceptechanges"
+            ></v-textarea>
+
+            <div class="flex flex-col px-2 space-y-1">
+              <v-btn variant="plain" @click="acceptechanges">
+                <v-icon>mdi-check</v-icon>
+              </v-btn>
+              <v-btn variant="plain" @click="cancel">
+                <v-icon class="rounded-full">mdi-cancel</v-icon>
+              </v-btn>
+            </div>
+          </div>
         </div>
       </div>
     </div>
@@ -58,9 +76,12 @@
 </template>
 
 <script setup>
+import { ref, watch, onMounted, onBeforeUnmount } from "vue";
+import { time_ago } from "@/internal_time_ago.js";
 
-import {time_ago} from "@/internal_time_ago.js";
-
+const isEditMessage = ref(false);
+const editMessageValue = ref("");
+const originalMessageValue = ref("");
 
 const props = defineProps({
   message: {
@@ -69,23 +90,56 @@ const props = defineProps({
   }
 });
 
-
 function editMessage(message) {
-  // Logic for editing the message
-  console.log('Edit message', message);
+  isEditMessage.value = true;
+  originalMessageValue.value = message.value;
+  editMessageValue.value = message.value;
+}
+
+function acceptechanges() {
+  props.message.value = editMessageValue.value;
+  isEditMessage.value = false;
+}
+
+function cancel() {
+  editMessageValue.value = originalMessageValue.value;
+  isEditMessage.value = false;
 }
 
 function deleteMessage(message) {
-  // Logic for deleting the message
   console.log('Delete message', message);
 }
 
 function reportMessage(message) {
-  // Logic for reporting the message
   console.log('Report message', message);
 }
+
+function handleKeydown(event) {
+  if (event.key === "Escape") {
+    cancel();
+  }
+}
+
+watch(isEditMessage, (newValue) => {
+  if (newValue) {
+    window.addEventListener('keydown', handleKeydown);
+  } else {
+    window.removeEventListener('keydown', handleKeydown);
+  }
+});
+
+onMounted(() => {
+  if (isEditMessage.value) {
+    window.addEventListener('keydown', handleKeydown);
+  }
+});
+
+onBeforeUnmount(() => {
+  window.removeEventListener('keydown', handleKeydown);
+});
 </script>
 
+
 <style scoped>
 .content-center {
   display: flex;

From c2b63a26b88e2e12c0341363c927a58b5f566acf Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 17 Aug 2024 11:47:41 -0400
Subject: [PATCH 105/109] Change Banner width

---
 src/views/creators/CreatorBanner.vue | 154 ++++++++++++++-------------
 1 file changed, 79 insertions(+), 75 deletions(-)

diff --git a/src/views/creators/CreatorBanner.vue b/src/views/creators/CreatorBanner.vue
index a92884a..ffbac24 100644
--- a/src/views/creators/CreatorBanner.vue
+++ b/src/views/creators/CreatorBanner.vue
@@ -1,97 +1,101 @@
 <template>
   <!--  Bannière-->
-  <div class="relative bottom-4  z-20 m">
-    <div class="relative flex flex-col">
-      <!-- Social Network-->
-      <div class="bg-opacity-50 flex flex-col md:flex-row items-center py-4 px-4 min-h-14"
-           :style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }">
-        <div class="w-full flex justify-between lg:justify-end gap-14 mt-2">
-          <a
-              v-for="socialNetwork in GetSocialsUrls()"
-              :href="socialNetwork.url"
-              target="_blank"
-              class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500">
-            <v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon>
-            <img v-if="socialNetwork.icon.includes('tiktok')" :src="socialNetwork.icon" class="w-9 h-9" alt="Tiktok">
-            <img v-if="socialNetwork.icon.includes('websiteIcon')" :src="socialNetwork.icon" class="w-9 h-9"
-                 alt="Website">
-          </a>
-        </div>
-      </div>
-    </div>
-
-    <!--Banner & user info-->
-    <div class="relative">
-      <!--Banner-->
-      <div>
-        <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.7)]"
-             :src="creator.images.banner"
-             alt="Profile Banner" style="max-height: 425px">
-      </div>
-    </div>
-  </div>
-
-  <!-- Actions Button & image profile -->
-  <div class="relative bottom-4 w-full">
-    <div class="bg-gray-800 py-4 relative shadow-lg min-h-24"
-         :style="{ backgroundColor: creator.colors.bannerBottom || '#A30E79' }">
-      <div class="flex flex-col items-center lg:flex-row lg:items-center lg:justify-between">
-        <!-- Profile Image Wrapper -->
-        <div class="relative flex justify-center lg:w-auto lg:justify-start">
-
-          <!-- Profile Image -->
-          <div class="absolute lg:ml-72 transform -translate-y-1/2 lg:-translate-y-1/2 z-20">
-            <img
-                class="rounded-full border-solid border-2 z-20 lg:max-w-[200px] max-w-[200px] h-auto"
-                :src="creator.images.logo"
-                alt="Profile Picture"
-                :style="{ borderColor: creator.colors.accent || '#A30E79', height: '150px'}"
-            />
+  <div>    
+      <div class="relative z-20">
+        <div class="relative flex flex-col">
+          <!-- Social Network-->
+          <div class="bg-opacity-50 flex flex-col md:flex-row items-center py-4 px-4 min-h-14"
+               :style="{ backgroundColor: creator.colors.bannerTop || '#6B0065' }">
+            <div class="w-full flex justify-between lg:justify-end gap-14 mt-2">
+              <a
+                  v-for="socialNetwork in GetSocialsUrls()"
+                  :href="socialNetwork.url"
+                  target="_blank"
+                  class="text-white text-2xl transform transition-transform duration-200 hover:scale-125 hover:text-blue-500">
+                <v-icon v-if="socialNetwork.icon.includes('mdi')">{{ socialNetwork.icon }}</v-icon>
+                <img v-if="socialNetwork.icon.includes('tiktok')" :src="socialNetwork.icon" class="w-9 h-9"
+                     alt="Tiktok">
+                <img v-if="socialNetwork.icon.includes('websiteIcon')" :src="socialNetwork.icon" class="w-9 h-9"
+                     alt="Website">
+              </a>
+            </div>
           </div>
         </div>
 
-        <!-- User Info -->
-        <div class="mt-2 flex flex-col items-center lg:items-start lg:ml-64">
-          <div class="text-3xl font-bold text-center lg:text-left md:mt-24 lg:mt-0 sm:mt-24 mt-24 text-white cap ">
-            <p class="capitalize ">{{ creator.name }} </p>
-            <div class="text-lg text-white">{{ creator.subscriberCount }} Abonnés</div>
+        <!--Banner & user info-->
+        <div class="relative">
+          <!--Banner-->
+          <div>
+            <img class=" w-full drop-shadow-[0_15px_10px_rgba(0,0,0,0.7)]"
+                 :src="creator.images.banner"
+                 alt="Profile Banner" style="max-height: 425px">
           </div>
         </div>
+      </div>
 
-        <div class="px-6 mt-2">
-          <subscribe-button :creator="creator"></subscribe-button>
-        </div>
+      <!-- Actions Button & image profile -->
+      <div class="relative bottom-4 w-full">
+        <div class="bg-gray-800 py-4 relative shadow-lg min-h-24"
+             :style="{ backgroundColor: creator.colors.bannerBottom || '#A30E79' }">
+          <div class="flex flex-col items-center lg:flex-row lg:items-center lg:justify-between">
+            <!-- Profile Image Wrapper -->
+            <div class="relative flex justify-center lg:w-auto lg:justify-start">
 
-        <donation-button :color-border="creator.colors.menu"
-                         :color-accent="creator.colors.accent"
-                         :creator-id="creator.id"
-                         :creator-name="creator.name"
-                         :creator-logo="creator.images.logo"
-                         iconColorClass="text-white"
-        ></donation-button>
+              <!-- Profile Image -->
+              <div class="absolute lg:ml-72 transform -translate-y-1/2 lg:-translate-y-1/2 z-20">
+                <img
+                    class="rounded-full border-solid border-2 z-20 lg:max-w-[200px] max-w-[200px] h-auto"
+                    :src="creator.images.logo"
+                    alt="Profile Picture"
+                    :style="{ borderColor: creator.colors.accent || '#A30E79', height: '150px'}"
+                />
+              </div>
+            </div>
+
+            <!-- User Info -->
+            <div class="mt-2 flex flex-col items-center lg:items-start lg:ml-64">
+              <div class="text-3xl font-bold text-center lg:text-left md:mt-24 lg:mt-0 sm:mt-24 mt-24 text-white cap ">
+                <p class="capitalize ">{{ creator.name }} </p>
+                <div class="text-lg text-white">{{ creator.subscriberCount }} Abonnés</div>
+              </div>
+            </div>
+
+            <div class="px-6 mt-2">
+              <subscribe-button :creator="creator"></subscribe-button>
+            </div>
+
+            <donation-button :color-border="creator.colors.menu"
+                             :color-accent="creator.colors.accent"
+                             :creator-id="creator.id"
+                             :creator-name="creator.name"
+                             :creator-logo="creator.images.logo"
+                             iconColorClass="text-white"
+            ></donation-button>
 
 
-        <div class="flex flex-row align-center">
+            <div class="flex flex-row align-center">
 
 
-        </div>
-        <!-- Buttons -->
-        <div class="flex flex-wrap items-center  mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
+            </div>
+            <!-- Buttons -->
+            <div class="flex flex-wrap items-center  mt-2 sm:mt-8 md:mt-4 lg:mt-0 lg:ml-auto space-x-2 sm:space-x-4">
 
-          <publish-content-button :creator="creator"
-                                  @content-posted="addContent"
-          ></publish-content-button>
+              <publish-content-button :creator="creator"
+                                      @content-posted="addContent"
+              ></publish-content-button>
 
-          <div class="text-white text-2xl">
-            {{ creator.about.title }}
+              <div class="text-white text-2xl">
+                {{ creator.about.title }}
+              </div>
+
+              <creator-about :creator="creator"
+              ></creator-about>
+            </div>
           </div>
-          
-          <creator-about :creator="creator"
-          ></creator-about>
         </div>
       </div>
     </div>
-  </div>
+  
 </template>
 
 <script setup>

From 21159af02b39be7e0ac1cb6719bbbcfec1786fff Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 17 Aug 2024 11:48:32 -0400
Subject: [PATCH 106/109] Change Banner width

---
 src/views/creators/CreatorPage.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/views/creators/CreatorPage.vue b/src/views/creators/CreatorPage.vue
index a6e1d0a..e70ecc4 100644
--- a/src/views/creators/CreatorPage.vue
+++ b/src/views/creators/CreatorPage.vue
@@ -1,11 +1,13 @@
 <template>
   <div v-if="creator && creator.id">
 
-    <creator-banner :creator="creator"
+    <div class="max-w-[1250px] mx-auto">
+    <creator-banner  :creator="creator"
                     @content-posted="contentPosted"
     ></creator-banner>
-
-    <div class="max-w-[800px] mx-auto flex flex-row justify-center ">
+    </div>
+    
+    <div class="max-w-[800px] mx-auto">
       <div class="w-full h-full mx-1">
         <content-list :creator-id="creator.id"
                       :contents="contents"

From 458529e5ad03f70ff698c89aa29928a492a0a865 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 17 Aug 2024 23:18:31 -0400
Subject: [PATCH 107/109] Fixe-card delete

---
 src/views/contents/ContentCard.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/contents/ContentCard.vue b/src/views/contents/ContentCard.vue
index 02cf904..aab866e 100644
--- a/src/views/contents/ContentCard.vue
+++ b/src/views/contents/ContentCard.vue
@@ -161,7 +161,7 @@ const props = defineProps({
 });
 
 const openDeleteConfirmationModal = ref(false);
-const emits = defineEmits(['content:deleted'])
+const emits = defineEmits(['content-deleted'])
 
 const contentId = computed(() => props.content.id)
 const creatorId = computed(() => props.content.createdBy)
@@ -215,7 +215,7 @@ async function deleteContent() {
   const client = useClient()
   const response = await client.delete(`/api/contents/${contentId.value}`)
   if (response.status >= 200 && response.status < 300) {
-    emits('content:deleted', contentId.value)
+    emits('content-deleted', contentId.value)
   }
 }
 

From 616bbb9249c774373f9395c3840fcb0fbd7ecb86 Mon Sep 17 00:00:00 2001
From: PascalMarchesseault
 <97350299+PascalMarchesseault@users.noreply.github.com>
Date: Sat, 17 Aug 2024 23:47:31 -0400
Subject: [PATCH 108/109] Change SizeIndicator modified with v-if

---
 package-lock.json                 | 505 +++++-------------------------
 src/views/tools/SizeIndicator.vue |  75 ++++-
 2 files changed, 135 insertions(+), 445 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index d8c0ff0..7b84b72 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -35,7 +35,6 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -47,7 +46,6 @@
       "version": "7.24.8",
       "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.24.8.tgz",
       "integrity": "sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -56,7 +54,6 @@
       "version": "7.24.7",
       "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.24.7.tgz",
       "integrity": "sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==",
-      "license": "MIT",
       "engines": {
         "node": ">=6.9.0"
       }
@@ -65,7 +62,6 @@
       "version": "7.25.3",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.25.3.tgz",
       "integrity": "sha512-iLTJKDbJ4hMvFPgQwwsVoxtHyWpKKPBrxkANrSYewDPaPpT5py5yeVkgPIJ7XYXhndxJpaA3PyALSXQ7u8e/Dw==",
-      "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.25.2"
       },
@@ -80,7 +76,6 @@
       "version": "7.25.0",
       "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.0.tgz",
       "integrity": "sha512-7dRy4DwXwtzBrPbZflqxnvfxLF8kdZXPkhymtDeFoFqE6ldzjQFgYTtYIFARcLEYDrqfBfYcZt1WqFxRoyC9Rw==",
-      "license": "MIT",
       "dependencies": {
         "regenerator-runtime": "^0.14.0"
       },
@@ -92,7 +87,6 @@
       "version": "7.25.2",
       "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.25.2.tgz",
       "integrity": "sha512-YTnYtra7W9e6/oAZEHj0bJehPRUlLH9/fbpT5LfB0NhQXyALCRkRs3zH9v07IYhkgpqX6Z78FnuccZr/l4Fs4Q==",
-      "license": "MIT",
       "dependencies": {
         "@babel/helper-string-parser": "^7.24.8",
         "@babel/helper-validator-identifier": "^7.24.7",
@@ -110,7 +104,6 @@
         "ppc64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "aix"
@@ -127,7 +120,6 @@
         "arm"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -144,7 +136,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -161,7 +152,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -178,7 +168,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -195,7 +184,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -212,7 +200,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "freebsd"
@@ -229,7 +216,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "freebsd"
@@ -246,7 +232,6 @@
         "arm"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -263,7 +248,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -280,7 +264,6 @@
         "ia32"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -297,7 +280,6 @@
         "loong64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -314,7 +296,6 @@
         "mips64el"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -331,7 +312,6 @@
         "ppc64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -348,7 +328,6 @@
         "riscv64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -365,7 +344,6 @@
         "s390x"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -382,7 +360,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -399,7 +376,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "netbsd"
@@ -416,7 +392,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "openbsd"
@@ -433,7 +408,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "sunos"
@@ -450,7 +424,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -467,7 +440,6 @@
         "ia32"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -484,7 +456,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -498,7 +469,6 @@
       "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
       "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "eslint-visitor-keys": "^3.3.0"
       },
@@ -514,7 +484,6 @@
       "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.11.0.tgz",
       "integrity": "sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
       }
@@ -524,7 +493,6 @@
       "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
       "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ajv": "^6.12.4",
         "debug": "^4.3.2",
@@ -548,7 +516,6 @@
       "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
       "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       }
@@ -559,7 +526,6 @@
       "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
       "deprecated": "Use @eslint/config-array instead",
       "dev": true,
-      "license": "Apache-2.0",
       "dependencies": {
         "@humanwhocodes/object-schema": "^2.0.2",
         "debug": "^4.3.1",
@@ -574,7 +540,6 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
       "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
       "dev": true,
-      "license": "Apache-2.0",
       "engines": {
         "node": ">=12.22"
       },
@@ -588,14 +553,12 @@
       "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
       "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
       "deprecated": "Use @eslint/object-schema instead",
-      "dev": true,
-      "license": "BSD-3-Clause"
+      "dev": true
     },
     "node_modules/@isaacs/cliui": {
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
       "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "license": "ISC",
       "dependencies": {
         "string-width": "^5.1.2",
         "string-width-cjs": "npm:string-width@^4.2.0",
@@ -612,7 +575,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -624,7 +586,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -639,7 +600,6 @@
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
       "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -653,7 +613,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -662,7 +621,6 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
       "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
-      "license": "MIT",
       "engines": {
         "node": ">=6.0.0"
       }
@@ -670,14 +628,12 @@
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.5.0",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
-      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
-      "license": "MIT"
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.25",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
       "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -686,14 +642,12 @@
     "node_modules/@mdi/font": {
       "version": "7.4.47",
       "resolved": "https://registry.npmjs.org/@mdi/font/-/font-7.4.47.tgz",
-      "integrity": "sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw==",
-      "license": "Apache-2.0"
+      "integrity": "sha512-43MtGpd585SNzHZPcYowu/84Vz2a2g31TvPMTm9uTiCSWzaheQySUcSyUH/46fPnuPQWof2yd0pGBtzee/IQWw=="
     },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -706,7 +660,6 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -715,7 +668,6 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -728,7 +680,6 @@
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "license": "MIT",
       "optional": true,
       "engines": {
         "node": ">=14"
@@ -742,7 +693,6 @@
         "arm"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -756,7 +706,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "android"
@@ -770,7 +719,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -784,7 +732,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -798,7 +745,6 @@
         "arm"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -812,7 +758,6 @@
         "arm"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -826,7 +771,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -840,7 +784,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -854,7 +797,6 @@
         "ppc64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -868,7 +810,6 @@
         "riscv64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -882,7 +823,6 @@
         "s390x"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -896,7 +836,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -910,7 +849,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -924,7 +862,6 @@
         "arm64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -938,7 +875,6 @@
         "ia32"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -952,7 +888,6 @@
         "x64"
       ],
       "dev": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -962,7 +897,6 @@
       "version": "3.5.0",
       "resolved": "https://registry.npmjs.org/@stripe/stripe-js/-/stripe-js-3.5.0.tgz",
       "integrity": "sha512-pKS3wZnJoL1iTyGBXAvCwduNNeghJHY6QSRSNNvpYnrrQrLZ6Owsazjyynu0e0ObRgks0i7Rv+pe2M7/MBTZpQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=12.16"
       }
@@ -971,7 +905,6 @@
       "version": "0.3.4",
       "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.3.4.tgz",
       "integrity": "sha512-vlAoBifNJUkagB+PAdW4aHMe4pKmSLroH398UPgIogBFc91D2VlHUxe4pjxQhiJl0Nfw53sHSJSQBSTQBZP3vA==",
-      "license": "MIT",
       "dependencies": {
         "mini-svg-data-uri": "^1.2.3"
       },
@@ -983,33 +916,28 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
       "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/@types/lodash": {
       "version": "4.17.7",
       "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.7.tgz",
-      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==",
-      "license": "MIT"
+      "integrity": "sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA=="
     },
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.20",
       "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
-      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
-      "license": "MIT"
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow=="
     },
     "node_modules/@ungap/structured-clone": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
       "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/@vee-validate/rules": {
       "version": "4.13.2",
       "resolved": "https://registry.npmjs.org/@vee-validate/rules/-/rules-4.13.2.tgz",
       "integrity": "sha512-NrmjxXw/gZQVhjgwIdEOeRYxn74I/3BYXTuExdwbpCPVgFh0pjTQx9aPGkVBnueeszVqO2LfWyKUpvwSWLPXRA==",
-      "license": "MIT",
       "dependencies": {
         "vee-validate": "4.13.2"
       }
@@ -1019,7 +947,6 @@
       "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.1.2.tgz",
       "integrity": "sha512-nY9IwH12qeiJqumTCLJLE7IiNx7HZ39cbHaysEUd+Myvbz9KAqd2yq+U01Kab1R/H1BmiyM2ShTYlNH32Fzo3A==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": "^18.0.0 || >=20.0.0"
       },
@@ -1032,7 +959,6 @@
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.38.tgz",
       "integrity": "sha512-8IQOTCWnLFqfHzOGm9+P8OPSEDukgg3Huc92qSG49if/xI2SAwLHQO2qaPQbjCWPBcQoO1WYfXfTACUrWV3c5A==",
-      "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.24.7",
         "@vue/shared": "3.4.38",
@@ -1045,7 +971,6 @@
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.38.tgz",
       "integrity": "sha512-Osc/c7ABsHXTsETLgykcOwIxFktHfGSUDkb05V61rocEfsFDcjDLH/IHJSNJP+/Sv9KeN2Lx1V6McZzlSb9EhQ==",
-      "license": "MIT",
       "dependencies": {
         "@vue/compiler-core": "3.4.38",
         "@vue/shared": "3.4.38"
@@ -1055,7 +980,6 @@
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.38.tgz",
       "integrity": "sha512-s5QfZ+9PzPh3T5H4hsQDJtI8x7zdJaew/dCGgqZ2630XdzaZ3AD8xGZfBqpT8oaD/p2eedd+pL8tD5vvt5ZYJQ==",
-      "license": "MIT",
       "dependencies": {
         "@babel/parser": "^7.24.7",
         "@vue/compiler-core": "3.4.38",
@@ -1072,7 +996,6 @@
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.38.tgz",
       "integrity": "sha512-YXznKFQ8dxYpAz9zLuVvfcXhc31FSPFDcqr0kyujbOwNhlmaNvL2QfIy+RZeJgSn5Fk54CWoEUeW+NVBAogGaw==",
-      "license": "MIT",
       "dependencies": {
         "@vue/compiler-dom": "3.4.38",
         "@vue/shared": "3.4.38"
@@ -1081,14 +1004,12 @@
     "node_modules/@vue/devtools-api": {
       "version": "6.6.3",
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.3.tgz",
-      "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw==",
-      "license": "MIT"
+      "integrity": "sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw=="
     },
     "node_modules/@vue/reactivity": {
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.38.tgz",
       "integrity": "sha512-4vl4wMMVniLsSYYeldAKzbk72+D3hUnkw9z8lDeJacTxAkXeDAP1uE9xr2+aKIN0ipOL8EG2GPouVTH6yF7Gnw==",
-      "license": "MIT",
       "dependencies": {
         "@vue/shared": "3.4.38"
       }
@@ -1097,7 +1018,6 @@
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.38.tgz",
       "integrity": "sha512-21z3wA99EABtuf+O3IhdxP0iHgkBs1vuoCAsCKLVJPEjpVqvblwBnTj42vzHRlWDCyxu9ptDm7sI2ZMcWrQqlA==",
-      "license": "MIT",
       "dependencies": {
         "@vue/reactivity": "3.4.38",
         "@vue/shared": "3.4.38"
@@ -1107,7 +1027,6 @@
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.38.tgz",
       "integrity": "sha512-afZzmUreU7vKwKsV17H1NDThEEmdYI+GCAK/KY1U957Ig2NATPVjCROv61R19fjZNzMmiU03n79OMnXyJVN0UA==",
-      "license": "MIT",
       "dependencies": {
         "@vue/reactivity": "3.4.38",
         "@vue/runtime-core": "3.4.38",
@@ -1119,7 +1038,6 @@
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.38.tgz",
       "integrity": "sha512-NggOTr82FbPEkkUvBm4fTGcwUY8UuTsnWC/L2YZBmvaQ4C4Jl/Ao4HHTB+l7WnFCt5M/dN3l0XLuyjzswGYVCA==",
-      "license": "MIT",
       "dependencies": {
         "@vue/compiler-ssr": "3.4.38",
         "@vue/shared": "3.4.38"
@@ -1131,14 +1049,12 @@
     "node_modules/@vue/shared": {
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.38.tgz",
-      "integrity": "sha512-q0xCiLkuWWQLzVrecPb0RMsNWyxICOjPrcrwxTUEHb1fsnvni4dcuyG7RT/Ie7VPTvnjzIaWzRMUBsrqNj/hhw==",
-      "license": "MIT"
+      "integrity": "sha512-q0xCiLkuWWQLzVrecPb0RMsNWyxICOjPrcrwxTUEHb1fsnvni4dcuyG7RT/Ie7VPTvnjzIaWzRMUBsrqNj/hhw=="
     },
     "node_modules/@vueuse/core": {
       "version": "10.11.1",
       "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
       "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
-      "license": "MIT",
       "dependencies": {
         "@types/web-bluetooth": "^0.0.20",
         "@vueuse/metadata": "10.11.1",
@@ -1154,7 +1070,6 @@
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
       "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
-      "license": "MIT",
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
         "vue-demi-switch": "bin/vue-demi-switch.js"
@@ -1179,7 +1094,6 @@
       "version": "10.11.1",
       "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
       "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/antfu"
       }
@@ -1188,7 +1102,6 @@
       "version": "10.11.1",
       "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
       "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
-      "license": "MIT",
       "dependencies": {
         "vue-demi": ">=0.14.8"
       },
@@ -1201,7 +1114,6 @@
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
       "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
-      "license": "MIT",
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
         "vue-demi-switch": "bin/vue-demi-switch.js"
@@ -1244,7 +1156,6 @@
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/@zhuowenli/vue-feather-icons/-/vue-feather-icons-5.0.2.tgz",
       "integrity": "sha512-a7rgGBZhhHUkgEa7pmhOSx6CxBGVsKDHxZnOgcHvFb0WHHvWWxmEFUQ3P2o8amImLYiYwTO2plPw5PLvP9vSRg==",
-      "license": "MIT",
       "dependencies": {
         "vue": "^3.0.0-beta.20"
       }
@@ -1253,7 +1164,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
       "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
-      "license": "MIT",
       "dependencies": {
         "event-target-shim": "^5.0.0"
       },
@@ -1266,7 +1176,6 @@
       "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
       "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
       "dev": true,
-      "license": "MIT",
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -1279,7 +1188,6 @@
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
       "dev": true,
-      "license": "MIT",
       "peerDependencies": {
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
@@ -1288,7 +1196,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
       "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
-      "license": "MIT",
       "dependencies": {
         "debug": "4"
       },
@@ -1301,7 +1208,6 @@
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
       "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "fast-deep-equal": "^3.1.1",
         "fast-json-stable-stringify": "^2.0.0",
@@ -1317,7 +1223,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -1326,7 +1231,6 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "license": "MIT",
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -1340,14 +1244,12 @@
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "license": "MIT"
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "license": "ISC",
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -1359,21 +1261,18 @@
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-      "license": "MIT"
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
     },
     "node_modules/argparse": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
-      "dev": true,
-      "license": "Python-2.0"
+      "dev": true
     },
     "node_modules/arrify": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
       "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -1381,8 +1280,7 @@
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
-      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
-      "license": "MIT"
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
     },
     "node_modules/autoprefixer": {
       "version": "10.4.20",
@@ -1403,7 +1301,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "browserslist": "^4.23.3",
         "caniuse-lite": "^1.0.30001646",
@@ -1426,7 +1323,6 @@
       "version": "1.7.4",
       "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.4.tgz",
       "integrity": "sha512-DukmaFRnY6AzAALSH4J2M3k6PkaC+MfaAGdEERRWcC9q3/TWQwLpHR8ZRLKTdQ3aBDL64EdluRDjJqKw+BPZEw==",
-      "license": "MIT",
       "dependencies": {
         "follow-redirects": "^1.15.6",
         "form-data": "^4.0.0",
@@ -1436,8 +1332,7 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "license": "MIT"
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
     "node_modules/base64-js": {
       "version": "1.5.1",
@@ -1456,14 +1351,12 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ],
-      "license": "MIT"
+      ]
     },
     "node_modules/bignumber.js": {
       "version": "9.1.2",
       "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.1.2.tgz",
       "integrity": "sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug==",
-      "license": "MIT",
       "engines": {
         "node": "*"
       }
@@ -1472,7 +1365,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -1484,15 +1376,13 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
       "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
       "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -1502,7 +1392,6 @@
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
       "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "license": "MIT",
       "dependencies": {
         "fill-range": "^7.1.1"
       },
@@ -1529,7 +1418,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "caniuse-lite": "^1.0.30001646",
         "electron-to-chromium": "^1.5.4",
@@ -1546,14 +1434,12 @@
     "node_modules/buffer-equal-constant-time": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
-      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA==",
-      "license": "BSD-3-Clause"
+      "integrity": "sha512-zRpUiDwd/xk6ADqPMATG8vc9VPrkck7T07OIx0gnjmJAnHnTVXNQG3vfvWNuiZIkwu9KrKdA1iJKfsfTVxE6NA=="
     },
     "node_modules/call-bind": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
       "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
-      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
@@ -1573,7 +1459,6 @@
       "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
       "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -1582,7 +1467,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
@@ -1605,15 +1489,13 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ],
-      "license": "CC-BY-4.0"
+      ]
     },
     "node_modules/chalk": {
       "version": "4.1.2",
       "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
       "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.1.0",
         "supports-color": "^7.1.0"
@@ -1629,7 +1511,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "license": "MIT",
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -1653,7 +1534,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -1665,7 +1545,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "license": "MIT",
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -1676,14 +1555,12 @@
     "node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "license": "MIT"
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
     },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
       "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
-      "license": "MIT",
       "dependencies": {
         "delayed-stream": "~1.0.0"
       },
@@ -1695,7 +1572,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
@@ -1704,15 +1580,13 @@
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
       "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/core-js": {
       "version": "3.38.0",
       "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.38.0.tgz",
       "integrity": "sha512-XPpwqEodRljce9KswjZShh95qJ1URisBeKCjUdq27YdenkslVe7OO0ZJhlYXAChW7OhXaRLl8AAba7IBfoIHug==",
       "hasInstallScript": true,
-      "license": "MIT",
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/core-js"
@@ -1722,7 +1596,6 @@
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "license": "MIT",
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -1736,7 +1609,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-      "license": "MIT",
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -1747,14 +1619,12 @@
     "node_modules/csstype": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
-      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "license": "MIT"
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
     "node_modules/debug": {
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
       "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
-      "license": "MIT",
       "dependencies": {
         "ms": "2.1.2"
       },
@@ -1771,14 +1641,12 @@
       "version": "0.1.4",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/define-data-property": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
       "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
-      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0",
         "es-errors": "^1.3.0",
@@ -1795,7 +1663,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
       "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.4.0"
       }
@@ -1803,21 +1670,18 @@
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-      "license": "Apache-2.0"
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
     },
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-      "license": "MIT"
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
       "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
       "dev": true,
-      "license": "Apache-2.0",
       "dependencies": {
         "esutils": "^2.0.2"
       },
@@ -1828,36 +1692,31 @@
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "license": "MIT"
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
     },
     "node_modules/ecdsa-sig-formatter": {
       "version": "1.0.11",
       "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
       "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
-      "license": "Apache-2.0",
       "dependencies": {
         "safe-buffer": "^5.0.1"
       }
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.10",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.10.tgz",
-      "integrity": "sha512-C3RDERDjrNW262GCRvpoer3a0Ksd66CtgDLxMHhzShQ8fhL4kwnpVXsJPAKg9xJjIROXUbLBrvtOzVAjALMIWA==",
-      "dev": true,
-      "license": "ISC"
+      "version": "1.5.11",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.11.tgz",
+      "integrity": "sha512-R1CccCDYqndR25CaXFd6hp/u9RaaMcftMkphmvuepXr5b1vfLkRml6aWVeBhXJ7rbevHkKEMJtz8XqPf7ffmew==",
+      "dev": true
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "license": "MIT"
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
     },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
       "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
-      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.12"
       },
@@ -1869,7 +1728,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
       "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
-      "license": "MIT",
       "dependencies": {
         "get-intrinsic": "^1.2.4"
       },
@@ -1881,7 +1739,6 @@
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
       "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       }
@@ -1892,7 +1749,6 @@
       "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
       "dev": true,
       "hasInstallScript": true,
-      "license": "MIT",
       "bin": {
         "esbuild": "bin/esbuild"
       },
@@ -1930,7 +1786,6 @@
       "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
       "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -1940,7 +1795,6 @@
       "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
       "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -1953,7 +1807,6 @@
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
       "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.2.0",
         "@eslint-community/regexpp": "^4.6.1",
@@ -2009,7 +1862,6 @@
       "resolved": "https://registry.npmjs.org/eslint-plugin-vue/-/eslint-plugin-vue-9.27.0.tgz",
       "integrity": "sha512-5Dw3yxEyuBSXTzT5/Ge1X5kIkRTQ3nvBn/VwPwInNiZBSJOO/timWMUaflONnFBzU6NhB68lxnCda7ULV5N7LA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.4.0",
         "globals": "^13.24.0",
@@ -2032,7 +1884,6 @@
       "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
       "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "esrecurse": "^4.3.0",
         "estraverse": "^5.2.0"
@@ -2049,7 +1900,6 @@
       "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
       "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
       "dev": true,
-      "license": "Apache-2.0",
       "engines": {
         "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
       },
@@ -2062,7 +1912,6 @@
       "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
       "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "acorn": "^8.9.0",
         "acorn-jsx": "^5.3.2",
@@ -2080,7 +1929,6 @@
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
       "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
       "dev": true,
-      "license": "BSD-3-Clause",
       "dependencies": {
         "estraverse": "^5.1.0"
       },
@@ -2093,7 +1941,6 @@
       "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
       "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "estraverse": "^5.2.0"
       },
@@ -2106,7 +1953,6 @@
       "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
       "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=4.0"
       }
@@ -2114,15 +1960,13 @@
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
-      "license": "MIT"
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
     },
     "node_modules/esutils": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
       "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2131,7 +1975,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
       "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -2139,21 +1982,18 @@
     "node_modules/extend": {
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
-      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==",
-      "license": "MIT"
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
     },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
       "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/fast-glob": {
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-      "license": "MIT",
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -2169,7 +2009,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -2181,27 +2020,23 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
       "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/fast-levenshtein": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
       "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/fast-text-encoding": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/fast-text-encoding/-/fast-text-encoding-1.0.6.tgz",
-      "integrity": "sha512-VhXlQgj9ioXCqGstD37E/HBeqEGV/qOD/kmbVG8h5xKBYvM1L3lR1Zn4555cQ8GkYbJa8aJSipLPndE1k6zK2w==",
-      "license": "Apache-2.0"
+      "integrity": "sha512-VhXlQgj9ioXCqGstD37E/HBeqEGV/qOD/kmbVG8h5xKBYvM1L3lR1Zn4555cQ8GkYbJa8aJSipLPndE1k6zK2w=="
     },
     "node_modules/fastq": {
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
       "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-      "license": "ISC",
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -2209,15 +2044,13 @@
     "node_modules/fb-sdk-wrapper": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/fb-sdk-wrapper/-/fb-sdk-wrapper-1.1.0.tgz",
-      "integrity": "sha512-66peeFF3epjeQR5l+aaB03aF8bEI+bQf+wMq3fjnUEyQ1d6qR+Z6rGHq9bSxuu2kzEtWG+0PfU5x2SiVEcYy0w==",
-      "license": "MIT"
+      "integrity": "sha512-66peeFF3epjeQR5l+aaB03aF8bEI+bQf+wMq3fjnUEyQ1d6qR+Z6rGHq9bSxuu2kzEtWG+0PfU5x2SiVEcYy0w=="
     },
     "node_modules/file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
       "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "flat-cache": "^3.0.4"
       },
@@ -2229,7 +2062,6 @@
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
       "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -2242,7 +2074,6 @@
       "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
       "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "locate-path": "^6.0.0",
         "path-exists": "^4.0.0"
@@ -2259,7 +2090,6 @@
       "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
       "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "flatted": "^3.2.9",
         "keyv": "^4.5.3",
@@ -2273,8 +2103,7 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
       "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/follow-redirects": {
       "version": "1.15.6",
@@ -2286,7 +2115,6 @@
           "url": "https://github.com/sponsors/RubenVerborgh"
         }
       ],
-      "license": "MIT",
       "engines": {
         "node": ">=4.0"
       },
@@ -2300,7 +2128,6 @@
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
       "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-      "license": "ISC",
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^4.0.1"
@@ -2316,7 +2143,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
       "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
-      "license": "MIT",
       "dependencies": {
         "asynckit": "^0.4.0",
         "combined-stream": "^1.0.8",
@@ -2331,7 +2157,6 @@
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
       "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": "*"
       },
@@ -2344,15 +2169,13 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
       "hasInstallScript": true,
-      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -2365,7 +2188,6 @@
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
       "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "license": "MIT",
       "funding": {
         "url": "https://github.com/sponsors/ljharb"
       }
@@ -2374,7 +2196,6 @@
       "version": "4.3.3",
       "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-4.3.3.tgz",
       "integrity": "sha512-gSaYYIO1Y3wUtdfHmjDUZ8LWaxJQpiavzbF5Kq53akSzvmVg0RfyOcFDbO1KJ/KCGRFz2qG+lS81F0nkr7cRJA==",
-      "license": "Apache-2.0",
       "dependencies": {
         "abort-controller": "^3.0.0",
         "extend": "^3.0.2",
@@ -2390,7 +2211,6 @@
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-4.3.1.tgz",
       "integrity": "sha512-x850LS5N7V1F3UcV7PoupzGsyD6iVwTVvsh3tbXfkctZnBnjW5yu5z1/3k3SehF7TyoTIe78rJs02GMMy+LF+A==",
-      "license": "Apache-2.0",
       "dependencies": {
         "gaxios": "^4.0.0",
         "json-bigint": "^1.0.0"
@@ -2403,7 +2223,6 @@
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
       "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
-      "license": "MIT",
       "dependencies": {
         "es-errors": "^1.3.0",
         "function-bind": "^1.1.2",
@@ -2424,7 +2243,6 @@
       "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
       "deprecated": "Glob versions prior to v9 are no longer supported",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -2444,7 +2262,6 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-      "license": "ISC",
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -2457,7 +2274,6 @@
       "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
       "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "type-fest": "^0.20.2"
       },
@@ -2472,7 +2288,6 @@
       "version": "7.14.1",
       "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-7.14.1.tgz",
       "integrity": "sha512-5Rk7iLNDFhFeBYc3s8l1CqzbEBcdhwR193RlD4vSNFajIcINKI8W8P0JLmBpwymHqqWbX34pJDQu39cSy/6RsA==",
-      "license": "Apache-2.0",
       "dependencies": {
         "arrify": "^2.0.0",
         "base64-js": "^1.3.0",
@@ -2493,7 +2308,6 @@
       "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-3.1.4.tgz",
       "integrity": "sha512-HHuHmkLgwjdmVRngf5+gSmpkyaRI6QmOg77J8tkNBHhNEI62sGHyw4/+UkgyZEI7h84NbWprXDJ+sa3xOYFvTg==",
       "deprecated": "Package is no longer maintained",
-      "license": "MIT",
       "dependencies": {
         "node-forge": "^1.3.1"
       },
@@ -2508,7 +2322,6 @@
       "version": "71.0.0",
       "resolved": "https://registry.npmjs.org/googleapis/-/googleapis-71.0.0.tgz",
       "integrity": "sha512-pi3aWckvsEJbZmJ/+MeO8eIWOK2wmSKRRLvCQbgqTLrFce/jEHLusPly+H3FkpmbO3oTtYRUMJJ07Y4F3DeOgA==",
-      "license": "Apache-2.0",
       "dependencies": {
         "google-auth-library": "^7.0.2",
         "googleapis-common": "^5.0.2"
@@ -2521,7 +2334,6 @@
       "version": "5.1.0",
       "resolved": "https://registry.npmjs.org/googleapis-common/-/googleapis-common-5.1.0.tgz",
       "integrity": "sha512-RXrif+Gzhq1QAzfjxulbGvAY3FPj8zq/CYcvgjzDbaBNCD6bUl+86I7mUs4DKWHGruuK26ijjR/eDpWIDgNROA==",
-      "license": "Apache-2.0",
       "dependencies": {
         "extend": "^3.0.2",
         "gaxios": "^4.0.0",
@@ -2538,7 +2350,6 @@
       "version": "8.3.2",
       "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
       "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
-      "license": "MIT",
       "bin": {
         "uuid": "dist/bin/uuid"
       }
@@ -2547,7 +2358,6 @@
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
       "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "license": "MIT",
       "dependencies": {
         "get-intrinsic": "^1.1.3"
       },
@@ -2559,14 +2369,12 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
       "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/gtoken": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-5.3.2.tgz",
       "integrity": "sha512-gkvEKREW7dXWF8NV8pVrKfW7WqReAmjjkMBh6lNCCGOM4ucS0r0YyXXl0r/9Yj8wcW/32ISkfc8h5mPTDbtifQ==",
-      "license": "MIT",
       "dependencies": {
         "gaxios": "^4.0.0",
         "google-p12-pem": "^3.1.3",
@@ -2581,7 +2389,6 @@
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
       "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2590,7 +2397,6 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
       "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
-      "license": "MIT",
       "dependencies": {
         "es-define-property": "^1.0.0"
       },
@@ -2602,7 +2408,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
       "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -2614,7 +2419,6 @@
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
       "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -2626,7 +2430,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
       "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "license": "MIT",
       "dependencies": {
         "function-bind": "^1.1.2"
       },
@@ -2638,7 +2441,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
       "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
-      "license": "MIT",
       "dependencies": {
         "agent-base": "6",
         "debug": "4"
@@ -2652,7 +2454,6 @@
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
       "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 4"
       }
@@ -2662,7 +2463,6 @@
       "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
       "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "parent-module": "^1.0.0",
         "resolve-from": "^4.0.0"
@@ -2679,7 +2479,6 @@
       "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
       "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.8.19"
       }
@@ -2690,7 +2489,6 @@
       "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
       "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -2700,14 +2498,12 @@
       "version": "2.0.4",
       "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "license": "MIT",
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -2719,7 +2515,6 @@
       "version": "2.15.0",
       "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.0.tgz",
       "integrity": "sha512-Dd+Lb2/zvk9SKy1TGCt1wFJFo/MWBPMX5x7KcvLajWTGuomczdQX61PvY5yK6SVACwpoexWo81IfFyoKY2QnTA==",
-      "license": "MIT",
       "dependencies": {
         "hasown": "^2.0.2"
       },
@@ -2734,7 +2529,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -2743,7 +2537,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2752,7 +2545,6 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "license": "MIT",
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -2764,7 +2556,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
@@ -2774,7 +2565,6 @@
       "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
       "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -2783,7 +2573,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
       "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -2794,14 +2583,12 @@
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "license": "ISC"
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
     },
     "node_modules/jackspeak": {
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
       "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-      "license": "BlueOak-1.0.0",
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
@@ -2816,7 +2603,6 @@
       "version": "1.21.6",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
       "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
-      "license": "MIT",
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -2826,7 +2612,6 @@
       "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
       "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "argparse": "^2.0.1"
       },
@@ -2838,7 +2623,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz",
       "integrity": "sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==",
-      "license": "MIT",
       "dependencies": {
         "bignumber.js": "^9.0.0"
       }
@@ -2847,28 +2631,24 @@
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
       "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
       "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
       "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/jwa": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.0.tgz",
       "integrity": "sha512-jrZ2Qx916EA+fq9cEAeCROWPTfCwi1IVHqT2tapuqLEVVDKFDENFw1oL+MwrTvH6msKxsd1YTDVw6uKEcsrLEA==",
-      "license": "MIT",
       "dependencies": {
         "buffer-equal-constant-time": "1.0.1",
         "ecdsa-sig-formatter": "1.0.11",
@@ -2879,7 +2659,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/jws/-/jws-4.0.0.tgz",
       "integrity": "sha512-KDncfTmOZoOMTFG4mBlG0qUIOlc03fmzH+ru6RgYVZhPkyiy/92Owlt/8UEN+a4TXR1FQetfIpJE8ApdvdVxTg==",
-      "license": "MIT",
       "dependencies": {
         "jwa": "^2.0.0",
         "safe-buffer": "^5.0.1"
@@ -2889,7 +2668,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
       "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==",
-      "license": "MIT",
       "engines": {
         "node": ">=18"
       }
@@ -2899,7 +2677,6 @@
       "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
       "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "json-buffer": "3.0.1"
       }
@@ -2909,7 +2686,6 @@
       "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
       "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1",
         "type-check": "~0.4.0"
@@ -2922,7 +2698,6 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
       "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-      "license": "MIT",
       "engines": {
         "node": ">=10"
       }
@@ -2930,15 +2705,13 @@
     "node_modules/lines-and-columns": {
       "version": "1.2.4",
       "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-      "license": "MIT"
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
     },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
       "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "p-locate": "^5.0.0"
       },
@@ -2952,27 +2725,23 @@
     "node_modules/lodash": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "license": "MIT"
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
     },
     "node_modules/lodash-es": {
       "version": "4.17.21",
       "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
-      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
-      "license": "MIT"
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
     },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/lru-cache": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
       "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "license": "ISC",
       "dependencies": {
         "yallist": "^4.0.0"
       },
@@ -2984,7 +2753,6 @@
       "version": "0.30.11",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.11.tgz",
       "integrity": "sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==",
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/sourcemap-codec": "^1.5.0"
       }
@@ -2993,7 +2761,6 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-      "license": "MIT",
       "engines": {
         "node": ">= 8"
       }
@@ -3002,7 +2769,6 @@
       "version": "4.0.7",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.7.tgz",
       "integrity": "sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==",
-      "license": "MIT",
       "dependencies": {
         "braces": "^3.0.3",
         "picomatch": "^2.3.1"
@@ -3015,7 +2781,6 @@
       "version": "1.52.0",
       "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
       "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.6"
       }
@@ -3024,7 +2789,6 @@
       "version": "2.1.35",
       "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
       "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "license": "MIT",
       "dependencies": {
         "mime-db": "1.52.0"
       },
@@ -3036,7 +2800,6 @@
       "version": "1.4.4",
       "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
       "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
-      "license": "MIT",
       "bin": {
         "mini-svg-data-uri": "cli.js"
       }
@@ -3046,7 +2809,6 @@
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
       "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -3058,7 +2820,6 @@
       "version": "7.1.2",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
       "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-      "license": "ISC",
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -3066,14 +2827,12 @@
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
-      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
-      "license": "MIT"
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
     "node_modules/mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-      "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -3083,8 +2842,7 @@
     "node_modules/nanoclone": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/nanoclone/-/nanoclone-0.2.1.tgz",
-      "integrity": "sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA==",
-      "license": "MIT"
+      "integrity": "sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA=="
     },
     "node_modules/nanoid": {
       "version": "3.3.7",
@@ -3096,7 +2854,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -3108,14 +2865,12 @@
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
       "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/node-fetch": {
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
       "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
-      "license": "MIT",
       "dependencies": {
         "whatwg-url": "^5.0.0"
       },
@@ -3135,7 +2890,6 @@
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
       "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
-      "license": "(BSD-3-Clause OR GPL-2.0)",
       "engines": {
         "node": ">= 6.13.0"
       }
@@ -3144,14 +2898,12 @@
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
       "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3161,7 +2913,6 @@
       "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
       "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3171,7 +2922,6 @@
       "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz",
       "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "boolbase": "^1.0.0"
       },
@@ -3183,7 +2933,6 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
       "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3192,7 +2941,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
@@ -3201,7 +2949,6 @@
       "version": "1.13.2",
       "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.2.tgz",
       "integrity": "sha512-IRZSRuzJiynemAXPYtPe5BoI/RESNYR7TYm50MC5Mqbd3Jmw5y790sErYw3V6SryFJD64b74qQQs9wn5Bg/k3g==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -3214,7 +2961,6 @@
       "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
       "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "wrappy": "1"
       }
@@ -3224,7 +2970,6 @@
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
       "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "deep-is": "^0.1.3",
         "fast-levenshtein": "^2.0.6",
@@ -3242,7 +2987,6 @@
       "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
       "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "yocto-queue": "^0.1.0"
       },
@@ -3258,7 +3002,6 @@
       "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
       "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "p-limit": "^3.0.2"
       },
@@ -3272,15 +3015,13 @@
     "node_modules/package-json-from-dist": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
-      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==",
-      "license": "BlueOak-1.0.0"
+      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw=="
     },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
       "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "callsites": "^3.0.0"
       },
@@ -3293,7 +3034,6 @@
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
       "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3303,7 +3043,6 @@
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
       "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3312,7 +3051,6 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3320,14 +3058,12 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "license": "MIT"
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
     },
     "node_modules/path-scurry": {
       "version": "1.11.1",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
       "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-      "license": "BlueOak-1.0.0",
       "dependencies": {
         "lru-cache": "^10.2.0",
         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
@@ -3342,20 +3078,17 @@
     "node_modules/path-scurry/node_modules/lru-cache": {
       "version": "10.4.3",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-      "license": "ISC"
+      "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
     },
     "node_modules/picocolors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
-      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew==",
-      "license": "ISC"
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "license": "MIT",
       "engines": {
         "node": ">=8.6"
       },
@@ -3367,7 +3100,6 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3376,7 +3108,6 @@
       "version": "2.2.2",
       "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.2.2.tgz",
       "integrity": "sha512-ja2XqFWZC36mupU4z1ZzxeTApV7DOw44cV4dhQ9sGwun+N89v/XP7+j7q6TanS1u1tdbK4r+1BUx7heMaIdagA==",
-      "license": "MIT",
       "dependencies": {
         "@vue/devtools-api": "^6.6.3",
         "vue-demi": "^0.14.10"
@@ -3403,7 +3134,6 @@
       "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
       "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
       "hasInstallScript": true,
-      "license": "MIT",
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
         "vue-demi-switch": "bin/vue-demi-switch.js"
@@ -3428,7 +3158,6 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-      "license": "MIT",
       "engines": {
         "node": ">= 6"
       }
@@ -3451,7 +3180,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "nanoid": "^3.3.7",
         "picocolors": "^1.0.1",
@@ -3465,7 +3193,6 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-      "license": "MIT",
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -3482,7 +3209,6 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-      "license": "MIT",
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -3511,7 +3237,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "lilconfig": "^3.0.0",
         "yaml": "^2.3.4"
@@ -3536,7 +3261,6 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
       "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
-      "license": "MIT",
       "engines": {
         "node": ">=14"
       },
@@ -3558,7 +3282,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "postcss-selector-parser": "^6.1.1"
       },
@@ -3573,7 +3296,6 @@
       "version": "6.1.2",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
       "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-      "license": "MIT",
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -3585,15 +3307,13 @@
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-      "license": "MIT"
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
     },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
       "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">= 0.8.0"
       }
@@ -3601,21 +3321,18 @@
     "node_modules/property-expr": {
       "version": "2.0.6",
       "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.6.tgz",
-      "integrity": "sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA==",
-      "license": "MIT"
+      "integrity": "sha512-SVtmxhRE/CGkn3eZY1T6pC8Nln6Fr/lu1mKSgRud0eC73whjGfoAogbn78LkD8aFL0zz3bAFerKSnOl7NlErBA=="
     },
     "node_modules/proxy-from-env": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
-      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
-      "license": "MIT"
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
     },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
       "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -3624,7 +3341,6 @@
       "version": "6.13.0",
       "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
       "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
-      "license": "BSD-3-Clause",
       "dependencies": {
         "side-channel": "^1.0.6"
       },
@@ -3652,14 +3368,12 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ],
-      "license": "MIT"
+      ]
     },
     "node_modules/read-cache": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-      "license": "MIT",
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -3668,7 +3382,6 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "license": "MIT",
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -3679,14 +3392,12 @@
     "node_modules/regenerator-runtime": {
       "version": "0.14.1",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
-      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
-      "license": "MIT"
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw=="
     },
     "node_modules/resolve": {
       "version": "1.22.8",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
       "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-      "license": "MIT",
       "dependencies": {
         "is-core-module": "^2.13.0",
         "path-parse": "^1.0.7",
@@ -3704,7 +3415,6 @@
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
       "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -3713,7 +3423,6 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-      "license": "MIT",
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -3725,7 +3434,6 @@
       "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
       "deprecated": "Rimraf versions prior to v4 are no longer supported",
       "dev": true,
-      "license": "ISC",
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -3741,7 +3449,6 @@
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.20.0.tgz",
       "integrity": "sha512-6rbWBChcnSGzIlXeIdNIZTopKYad8ZG8ajhl78lGRLsI2rX8IkaotQhVas2Ma+GPxJav19wrSzvRvuiv0YKzWw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "@types/estree": "1.0.5"
       },
@@ -3790,7 +3497,6 @@
           "url": "https://feross.org/support"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "queue-microtask": "^1.2.2"
       }
@@ -3812,15 +3518,13 @@
           "type": "consulting",
           "url": "https://feross.org/support"
         }
-      ],
-      "license": "MIT"
+      ]
     },
     "node_modules/semver": {
       "version": "7.6.3",
       "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
       "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
       "dev": true,
-      "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
       },
@@ -3832,7 +3536,6 @@
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
       "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
-      "license": "MIT",
       "dependencies": {
         "define-data-property": "^1.1.4",
         "es-errors": "^1.3.0",
@@ -3849,7 +3552,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "license": "MIT",
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -3861,7 +3563,6 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       }
@@ -3870,7 +3571,6 @@
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
       "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
-      "license": "MIT",
       "dependencies": {
         "call-bind": "^1.0.7",
         "es-errors": "^1.3.0",
@@ -3888,7 +3588,6 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "license": "ISC",
       "engines": {
         "node": ">=14"
       },
@@ -3900,7 +3599,6 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
       "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
-      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -3909,7 +3607,6 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "license": "MIT",
       "dependencies": {
         "eastasianwidth": "^0.2.0",
         "emoji-regex": "^9.2.2",
@@ -3927,7 +3624,6 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -3940,14 +3636,12 @@
     "node_modules/string-width-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/string-width/node_modules/ansi-regex": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -3959,7 +3653,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -3974,7 +3667,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -3987,7 +3679,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -4000,7 +3691,6 @@
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
       "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=8"
       },
@@ -4012,7 +3702,6 @@
       "version": "3.35.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
       "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-      "license": "MIT",
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -4034,7 +3723,6 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "license": "MIT",
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
@@ -4043,7 +3731,6 @@
       "version": "10.4.5",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
       "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-      "license": "ISC",
       "dependencies": {
         "foreground-child": "^3.1.0",
         "jackspeak": "^3.1.2",
@@ -4063,7 +3750,6 @@
       "version": "9.0.5",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
       "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-      "license": "ISC",
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -4079,7 +3765,6 @@
       "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
       "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "has-flag": "^4.0.0"
       },
@@ -4091,7 +3776,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "license": "MIT",
       "engines": {
         "node": ">= 0.4"
       },
@@ -4103,7 +3787,6 @@
       "version": "3.4.10",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.10.tgz",
       "integrity": "sha512-KWZkVPm7yJRhdu4SRSl9d4AK2wM3a50UsvgHZO7xY77NQr2V+fIrEuoDGQcbvswWvFGbS2f6e+jC/6WJm1Dl0w==",
-      "license": "MIT",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -4140,14 +3823,12 @@
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
       "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true,
-      "license": "MIT"
+      "dev": true
     },
     "node_modules/thenify": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-      "license": "MIT",
       "dependencies": {
         "any-promise": "^1.0.0"
       }
@@ -4156,7 +3837,6 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-      "license": "MIT",
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
       },
@@ -4168,7 +3848,6 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
       "integrity": "sha512-/OaKK0xYrs3DmxRYqL/yDc+FxFUVYhDlXMhRmv3z915w2HF1tnN1omB354j8VUGO/hbRzyD6Y3sA7v7GS/ceog==",
-      "license": "MIT",
       "engines": {
         "node": ">=4"
       }
@@ -4177,7 +3856,6 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -4188,27 +3866,23 @@
     "node_modules/toposort": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz",
-      "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg==",
-      "license": "MIT"
+      "integrity": "sha512-0a5EOkAUp8D4moMi2W8ZF8jcga7BgZd91O/yabJCFY8az+XSzeGyTKs0Aoo897iV1Nj6guFq8orWDS96z91oGg=="
     },
     "node_modules/tr46": {
       "version": "0.0.3",
       "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
-      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
-      "license": "MIT"
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="
     },
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-      "license": "Apache-2.0"
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
     },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
       "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "prelude-ls": "^1.2.1"
       },
@@ -4221,7 +3895,6 @@
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
       "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
       "dev": true,
-      "license": "(MIT OR CC0-1.0)",
       "engines": {
         "node": ">=10"
       },
@@ -4248,7 +3921,6 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
-      "license": "MIT",
       "dependencies": {
         "escalade": "^3.1.2",
         "picocolors": "^1.0.1"
@@ -4265,7 +3937,6 @@
       "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
       "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
       "dev": true,
-      "license": "BSD-2-Clause",
       "dependencies": {
         "punycode": "^2.1.0"
       }
@@ -4273,14 +3944,12 @@
     "node_modules/url-template": {
       "version": "2.0.8",
       "resolved": "https://registry.npmjs.org/url-template/-/url-template-2.0.8.tgz",
-      "integrity": "sha512-XdVKMF4SJ0nP/O7XIPB0JwAEuT9lDIYnNsK8yGVe43y0AWoKeJNdv3ZNWh7ksJ6KqQFjOO6ox/VEitLnaVNufw==",
-      "license": "BSD"
+      "integrity": "sha512-XdVKMF4SJ0nP/O7XIPB0JwAEuT9lDIYnNsK8yGVe43y0AWoKeJNdv3ZNWh7ksJ6KqQFjOO6ox/VEitLnaVNufw=="
     },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-      "license": "MIT"
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/uuid": {
       "version": "10.0.0",
@@ -4290,7 +3959,6 @@
         "https://github.com/sponsors/broofa",
         "https://github.com/sponsors/ctavan"
       ],
-      "license": "MIT",
       "bin": {
         "uuid": "dist/bin/uuid"
       }
@@ -4299,7 +3967,6 @@
       "version": "4.13.2",
       "resolved": "https://registry.npmjs.org/vee-validate/-/vee-validate-4.13.2.tgz",
       "integrity": "sha512-HlpR/6MJ92TW9f135umMZKUqdd/tFQTxLNSf2ImbU4Y/MlLVAUpF1l64VdjTOhbClAqPjCb5p/SqHDxLpUHXrw==",
-      "license": "MIT",
       "dependencies": {
         "@vue/devtools-api": "^6.6.1",
         "type-fest": "^4.8.3"
@@ -4312,7 +3979,6 @@
       "version": "4.25.0",
       "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.25.0.tgz",
       "integrity": "sha512-bRkIGlXsnGBRBQRAY56UXBm//9qH4bmJfFvq83gSz41N282df+fjy8ofcEgc1sM8geNt5cl6mC2g9Fht1cs8Aw==",
-      "license": "(MIT OR CC0-1.0)",
       "engines": {
         "node": ">=16"
       },
@@ -4325,7 +3991,6 @@
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.1.tgz",
       "integrity": "sha512-1oE6yuNXssjrZdblI9AfBbHCC41nnyoVoEZxQnID6yvQZAFBzxxkqoFLtHUMkYunL8hwOLEjgTuxpkRxvba3kA==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "esbuild": "^0.21.3",
         "postcss": "^8.4.41",
@@ -4384,7 +4049,6 @@
       "version": "3.4.38",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.38.tgz",
       "integrity": "sha512-f0ZgN+mZ5KFgVv9wz0f4OgVKukoXtS3nwET4c2vLBGQR50aI8G0cqbFtLlX9Yiyg3LFGBitruPHt2PxwTduJEw==",
-      "license": "MIT",
       "dependencies": {
         "@vue/compiler-dom": "3.4.38",
         "@vue/compiler-sfc": "3.4.38",
@@ -4406,7 +4070,6 @@
       "resolved": "https://registry.npmjs.org/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz",
       "integrity": "sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==",
       "dev": true,
-      "license": "MIT",
       "dependencies": {
         "debug": "^4.3.4",
         "eslint-scope": "^7.1.1",
@@ -4430,7 +4093,6 @@
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.4.3.tgz",
       "integrity": "sha512-sv6wmNKx2j3aqJQDMxLFzs/u/mjA9Z5LCgy6BE0f7yFWMjrPLnS/sPNn8ARY/FXw6byV18EFutn5lTO6+UsV5A==",
-      "license": "MIT",
       "dependencies": {
         "@vue/devtools-api": "^6.6.3"
       },
@@ -4445,7 +4107,6 @@
       "version": "2.0.33",
       "resolved": "https://registry.npmjs.org/vue3-google-login/-/vue3-google-login-2.0.33.tgz",
       "integrity": "sha512-Hx3JJUREXWCFOOB4AzZKy/x7C+X18kxmT0AquBekm0TRubp11nrWijOLEgmhuij48dQPNumyaAi5IQAeDKk7yw==",
-      "license": "MIT",
       "peerDependencies": {
         "vue": "^3.0.3"
       }
@@ -4454,7 +4115,6 @@
       "version": "3.7.0",
       "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.7.0.tgz",
       "integrity": "sha512-x+UaU4SPYNcJSE/voCTBFrNn0q9Spzx2EMfDdUj0NYgHGKb59OqnZte+AjaJaoOXy1AHYIGEpm5Ryk2BEfgWuw==",
-      "license": "MIT",
       "engines": {
         "node": "^12.20 || >=14.13"
       },
@@ -4487,14 +4147,12 @@
     "node_modules/webidl-conversions": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
-      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
-      "license": "BSD-2-Clause"
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="
     },
     "node_modules/whatwg-url": {
       "version": "5.0.0",
       "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
       "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
-      "license": "MIT",
       "dependencies": {
         "tr46": "~0.0.3",
         "webidl-conversions": "^3.0.0"
@@ -4504,7 +4162,6 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "license": "ISC",
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -4520,7 +4177,6 @@
       "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
       "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4529,7 +4185,6 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^6.1.0",
         "string-width": "^5.0.1",
@@ -4547,7 +4202,6 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "license": "MIT",
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -4563,14 +4217,12 @@
     "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "license": "MIT"
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
     },
     "node_modules/wrap-ansi-cjs/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "license": "MIT",
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -4584,7 +4236,6 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -4596,7 +4247,6 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "license": "MIT",
       "engines": {
         "node": ">=12"
       },
@@ -4608,7 +4258,6 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -4623,15 +4272,13 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true,
-      "license": "ISC"
+      "dev": true
     },
     "node_modules/xml-name-validator": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
       "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
       "dev": true,
-      "license": "Apache-2.0",
       "engines": {
         "node": ">=12"
       }
@@ -4639,14 +4286,12 @@
     "node_modules/yallist": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "license": "ISC"
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
     },
     "node_modules/yaml": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.5.0.tgz",
       "integrity": "sha512-2wWLbGbYDiSqqIKoPjar3MPgB94ErzCtrNE1FdqGuaO0pi2JGjmE8aW8TDZwzU7vuxcGRdL/4gPQwQ7hD5AMSw==",
-      "license": "ISC",
       "bin": {
         "yaml": "bin.mjs"
       },
@@ -4659,7 +4304,6 @@
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
       "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
       "dev": true,
-      "license": "MIT",
       "engines": {
         "node": ">=10"
       },
@@ -4671,7 +4315,6 @@
       "version": "0.32.11",
       "resolved": "https://registry.npmjs.org/yup/-/yup-0.32.11.tgz",
       "integrity": "sha512-Z2Fe1bn+eLstG8DRR6FTavGD+MeAwyfmouhHsIUgaADz8jvFKbO/fXc2trJKZg+5EBjh4gGm3iU/t3onKlXHIg==",
-      "license": "MIT",
       "dependencies": {
         "@babel/runtime": "^7.15.4",
         "@types/lodash": "^4.14.175",
diff --git a/src/views/tools/SizeIndicator.vue b/src/views/tools/SizeIndicator.vue
index 364f514..bb485ad 100644
--- a/src/views/tools/SizeIndicator.vue
+++ b/src/views/tools/SizeIndicator.vue
@@ -1,25 +1,72 @@
 <template>
-  
-  <div class="size-code sm:block md:hidden bg-blue-500 text-white">
-    sm
-  </div>
+  <div>
+    <div v-if="screenSize === 'sm'" class="size-code bg-blue-500 text-white">
+      sm
+    </div>
 
-  <div class="size-code md:block lg:hidden bg-green-500 text-white">
-    md
-  </div>
+    <div v-if="screenSize === 'md'" class="size-code bg-green-500 text-white">
+      md
+    </div>
 
-  <div class="size-code lg:block xl:hidden bg-yellow-500 text-black">
-    lg
-  </div>
+    <div v-if="screenSize === 'lg'" class="size-code bg-yellow-500 text-black">
+      lg
+    </div>
 
-  <div class="size-code xl:block bg-red-500 text-white">
-    xl
+    <div v-if="screenSize === 'xl'" class="size-code bg-red-500 text-white">
+      xl
+    </div>
   </div>
-  
 </template>
 
+<script>
+export default {
+  data() {
+    return {
+      screenSize: '',
+    };
+  },
+  mounted() {
+    this.detectScreenSize();
+    window.addEventListener('resize', this.detectScreenSize);
+  },
+  beforeDestroy() {
+    window.removeEventListener('resize', this.detectScreenSize);
+  },
+  methods: {
+    detectScreenSize() {
+      const width = window.innerWidth;
+
+      if (width < 640) {
+        this.screenSize = 'sm';
+      } else if (width >= 640 && width < 1024) {
+        this.screenSize = 'md';
+      } else if (width >= 1024 && width < 1280) {
+        this.screenSize = 'lg';
+      } else {
+        this.screenSize = 'xl';
+      }
+    },
+  },
+};
+</script>
+
 <style scoped>
 .size-code {
-  @apply fixed bottom-0 left-0 z-50 rounded p-2 m-2 w-9 h-9 text-center content-center capitalize font-mono font-semibold
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 50;
+  padding: 0.5rem;
+  margin: 0.5rem;
+  width: 2.25rem;
+  height: 2.25rem;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-family: monospace;
+  font-weight: 600;
+  text-transform: capitalize;
+  border-radius: 0.25rem;
 }
 </style>

From cc5f000030be945b6b42ef2194edc2fb4125e9aa Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Sun, 18 Aug 2024 11:03:22 -0400
Subject: [PATCH 109/109] Fix ThumbnailImage.png for dev environment

---
 .../hutopymedia/thumbnail}/ThumbnailImage.png | Bin
 src/views/explorer/videos.json                | 160 +++++++++---------
 2 files changed, 80 insertions(+), 80 deletions(-)
 rename {src/views/explorer => public/images/hutopymedia/thumbnail}/ThumbnailImage.png (100%)

diff --git a/src/views/explorer/ThumbnailImage.png b/public/images/hutopymedia/thumbnail/ThumbnailImage.png
similarity index 100%
rename from src/views/explorer/ThumbnailImage.png
rename to public/images/hutopymedia/thumbnail/ThumbnailImage.png
diff --git a/src/views/explorer/videos.json b/src/views/explorer/videos.json
index cda23f4..ed27a1a 100644
--- a/src/views/explorer/videos.json
+++ b/src/views/explorer/videos.json
@@ -3,9 +3,9 @@
     {
       "id": 1,
       "title": "Top 10 Football Goals",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "A compilation of the best goals in football history.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Alex Martin",
       "vues": 5000,
       "timeAgo": "3 hours"
@@ -13,9 +13,9 @@
     {
       "id": 2,
       "title": "Basketball Dunk Contest Highlights",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Watch the best dunks from the latest dunk contest.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Jordan Lee",
       "vues": 4500,
       "timeAgo": "5 hours"
@@ -23,9 +23,9 @@
     {
       "id": 3,
       "title": "Epic Tennis Rallies",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "A look at some of the most intense rallies in tennis.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Serena West",
       "vues": 4700,
       "timeAgo": "1 day"
@@ -33,9 +33,9 @@
     {
       "id": 4,
       "title": "Marathon Motivation",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Get inspired by these marathon runners.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Eliud Kip",
       "vues": 3800,
       "timeAgo": "2 days"
@@ -43,9 +43,9 @@
     {
       "id": 5,
       "title": "Best Volleyball Spikes",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Watch these powerful volleyball spikes in action.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Misty May",
       "vues": 4200,
       "timeAgo": "3 days"
@@ -53,9 +53,9 @@
     {
       "id": 6,
       "title": "Cycling Through The Alps",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Experience the thrill of cycling in the Alps.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Lance Ryder",
       "vues": 3900,
       "timeAgo": "4 days"
@@ -63,9 +63,9 @@
     {
       "id": 7,
       "title": "Cricket's Greatest Hits",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "A look at some of the most memorable moments in cricket.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Sachin Kumar",
       "vues": 4400,
       "timeAgo": "5 days"
@@ -73,9 +73,9 @@
     {
       "id": 8,
       "title": "Top MMA Knockouts",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "The most shocking knockouts in MMA history.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Conor Mac",
       "vues": 5000,
       "timeAgo": "6 days"
@@ -83,9 +83,9 @@
     {
       "id": 9,
       "title": "F1 Racing Highlights",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "A thrilling recap of the latest Formula 1 races.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Lewis Ham",
       "vues": 4800,
       "timeAgo": "1 week"
@@ -93,9 +93,9 @@
     {
       "id": 10,
       "title": "Golf's Most Amazing Shots",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Witness the most incredible shots in golf.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Tiger Woods",
       "vues": 5300,
       "timeAgo": "1 week"
@@ -105,9 +105,9 @@
     {
       "id": 11,
       "title": "Football Training Drills",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Master the best football drills for every position.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Pep Guardiola",
       "vues": 6000,
       "timeAgo": "2 hours"
@@ -115,9 +115,9 @@
     {
       "id": 12,
       "title": "Advanced Basketball Techniques",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Learn advanced techniques to improve your game.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Kobe Bryant",
       "vues": 5500,
       "timeAgo": "4 hours"
@@ -125,9 +125,9 @@
     {
       "id": 13,
       "title": "Perfecting Your Tennis Serve",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Tips and tricks to perfect your tennis serve.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Roger Federer",
       "vues": 5100,
       "timeAgo": "6 hours"
@@ -135,9 +135,9 @@
     {
       "id": 14,
       "title": "Marathon Nutrition Guide",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Essential nutrition tips for marathon runners.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Meb Keflezighi",
       "vues": 4800,
       "timeAgo": "1 day"
@@ -145,9 +145,9 @@
     {
       "id": 15,
       "title": "Volleyball Defense Mastery",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Become a defensive powerhouse in volleyball.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Kerri Walsh",
       "vues": 4700,
       "timeAgo": "2 days"
@@ -155,9 +155,9 @@
     {
       "id": 16,
       "title": "Ultimate Cycling Techniques",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Improve your cycling skills with these techniques.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Chris Froome",
       "vues": 4600,
       "timeAgo": "3 days"
@@ -165,9 +165,9 @@
     {
       "id": 17,
       "title": "Mastering Spin Bowling",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Learn the art of spin bowling in cricket.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Shane Warne",
       "vues": 5200,
       "timeAgo": "4 days"
@@ -175,9 +175,9 @@
     {
       "id": 18,
       "title": "MMA Grappling Techniques",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Dominate the ground game with these techniques.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Khabib Nur",
       "vues": 5300,
       "timeAgo": "5 days"
@@ -185,9 +185,9 @@
     {
       "id": 19,
       "title": "F1 Pit Stop Secrets",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Learn the strategies behind a perfect F1 pit stop.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Sebastian Vettel",
       "vues": 5400,
       "timeAgo": "6 days"
@@ -195,9 +195,9 @@
     {
       "id": 20,
       "title": "Golf Putting Techniques",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Improve your putting with these expert tips.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Phil Mickelson",
       "vues": 5500,
       "timeAgo": "1 week"
@@ -207,9 +207,9 @@
     {
       "id": 21,
       "title": "Soccer Match Replays",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Watch full replays of the latest soccer matches.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Cristiano Ronaldo",
       "vues": 6000,
       "timeAgo": "1 hour"
@@ -217,9 +217,9 @@
     {
       "id": 22,
       "title": "Basketball Trick Shots",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "The most incredible trick shots in basketball.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Steph Curry",
       "vues": 5900,
       "timeAgo": "3 hours"
@@ -227,9 +227,9 @@
     {
       "id": 23,
       "title": "Tennis Grand Slam Finals",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Relive the excitement of Grand Slam tennis finals.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Novak Djokovic",
       "vues": 5800,
       "timeAgo": "5 hours"
@@ -237,9 +237,9 @@
     {
       "id": 24,
       "title": "Running Tips for Beginners",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Get started with running with these beginner tips.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Usain Bolt",
       "vues": 5700,
       "timeAgo": "1 day"
@@ -247,9 +247,9 @@
     {
       "id": 25,
       "title": "Beach Volleyball Highlights",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Catch the best moments from beach volleyball matches.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "April Ross",
       "vues": 5600,
       "timeAgo": "2 days"
@@ -257,9 +257,9 @@
     {
       "id": 26,
       "title": "Mountain Biking Adventures",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Experience the thrill of mountain biking.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Danny MacAskill",
       "vues": 5500,
       "timeAgo": "3 days"
@@ -267,9 +267,9 @@
     {
       "id": 27,
       "title": "Cricket World Cup Highlights",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "The most thrilling moments from the Cricket World Cup.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Virat Kohli",
       "vues": 5400,
       "timeAgo": "4 days"
@@ -277,9 +277,9 @@
     {
       "id": 28,
       "title": "MMA Fight Replays",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Watch full replays of the most intense MMA fights.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Anderson Silva",
       "vues": 5300,
       "timeAgo": "5 days"
@@ -287,9 +287,9 @@
     {
       "id": 29,
       "title": "F1 Crash Compilation",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "A compilation of the most shocking F1 crashes.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Michael Schumacher",
       "vues": 5200,
       "timeAgo": "6 days"
@@ -297,9 +297,9 @@
     {
       "id": 30,
       "title": "Golf Tips for Beginners",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Essential tips for those new to golf.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Jack Nicklaus",
       "vues": 5100,
       "timeAgo": "1 week"
@@ -309,9 +309,9 @@
     {
       "id": 31,
       "title": "Soccer's Greatest Goals",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "A look at the greatest goals ever scored in soccer.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Lionel Messi",
       "vues": 7000,
       "timeAgo": "30 minutes"
@@ -319,9 +319,9 @@
     {
       "id": 32,
       "title": "Best of Basketball Finals",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Relive the best moments from recent basketball finals.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "LeBron James",
       "vues": 6900,
       "timeAgo": "1 hour"
@@ -329,9 +329,9 @@
     {
       "id": 33,
       "title": "Tennis Serve Speed Records",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Check out the fastest serves ever recorded in tennis.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Andy Roddick",
       "vues": 6800,
       "timeAgo": "2 hours"
@@ -339,9 +339,9 @@
     {
       "id": 34,
       "title": "Running in Extreme Weather",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Tips for running in various weather conditions.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Mo Farah",
       "vues": 6700,
       "timeAgo": "3 hours"
@@ -349,9 +349,9 @@
     {
       "id": 35,
       "title": "Volleyball Team Strategies",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Learn advanced team strategies for volleyball.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Giba Godoy",
       "vues": 6600,
       "timeAgo": "4 hours"
@@ -359,9 +359,9 @@
     {
       "id": 36,
       "title": "Cycling Gear Tips",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "A guide to choosing the best cycling gear.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Peter Sagan",
       "vues": 6500,
       "timeAgo": "1 day"
@@ -369,9 +369,9 @@
     {
       "id": 37,
       "title": "Cricket Batting Techniques",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Improve your batting with these cricket techniques.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Brian Lara",
       "vues": 6400,
       "timeAgo": "2 days"
@@ -379,9 +379,9 @@
     {
       "id": 38,
       "title": "MMA Striking Combinations",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Learn effective striking combinations in MMA.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Georges St-Pierre",
       "vues": 6300,
       "timeAgo": "3 days"
@@ -389,9 +389,9 @@
     {
       "id": 39,
       "title": "F1 Overtakes Compilation",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "The most exciting overtakes in F1 history.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Ayrton Senna",
       "vues": 6200,
       "timeAgo": "4 days"
@@ -399,9 +399,9 @@
     {
       "id": 40,
       "title": "Golf Swing Analysis",
-      "thumbnail": "src/views/explorer/ThumbnailImage.png",
+      "thumbnail": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "description": "Breakdown of the best golf swings.",
-      "profileImage": "src/views/explorer/ThumbnailImage.png",
+      "profileImage": "images/hutopymedia/thumbnail/ThumbnailImage.png",
       "name": "Rory McIlroy",
       "vues": 6100,
       "timeAgo": "5 days"