Adds hutopy icon as svg in sidebar

src/views/main/SideBar.vue

@@ -6,6 +6,7 @@ import {ref} from "vue";
 import {useI18n} from 'vue-i18n';
 import {useCreatorProfileStore} from "@/stores/creatorProfileStore.js";
 import {useUserProfileStore} from "@/stores/userProfileStore.js";
+import HutopyIcon from '@/assets/icons/hutopy.svg'
 
 const {locale} = useI18n();
 const router = useRouter();
@@ -39,29 +40,9 @@ initializeLocale();
     <div class="px-4 mt-4">
 
       <!-- LOGO HUTOPY -->
-      <RouterLink class="d-none d-lg-flex" to="/">
-        <v-img
-            src="/images/usersmedia/HutopyProfile/profilepictures/profileHutopyProfile01.png"
-            ref="popupButtonRef"
-            alt="Hutopy Logo"
-            class="mr-2 h-10 w-20"
-        ></v-img>
-      </RouterLink>
-      <!-- YOUR PAGE -->
-      <router-link v-if="creatorProfileStore.hasCreator"
-                   :to="`/@${creatorProfileStore.creator.name}`">
-        <v-btn class="w-full"
-               prepend-icon="mdi-home-account"
-               variant="tonal">
-          {{ creatorProfileStore.creator.name }}
-        </v-btn>
+      <router-link to="/">
+        <hutopy-icon class="icon"></hutopy-icon>      
       </router-link>
-      <router-link v-else-if="authStore.isAuthenticated"
-                   class="nav-button"
-                   to="/profile?target=CreatorPage">
-        <v-btn class="w-100" variant="plain">Activer votre page</v-btn>
-      </router-link>
-      <!-- CREATE CONTENT -->
     </div>
     <!-- SUBSCRIPTION SECTION -->
     <div class="flex-grow px-4">
@@ -87,7 +68,27 @@ initializeLocale();
                 {{ userProfileStore.alias }}
               </span>
       </div>
+
+
+
+      
       <div class="flex flex-column gap-4">
+        <!-- YOUR PAGE -->
+        <router-link v-if="creatorProfileStore.hasCreator"
+                     :to="`/@${creatorProfileStore.creator.name}`">
+          <v-btn class="w-full"
+                 prepend-icon="mdi-home-account"
+                 variant="tonal">
+            {{ creatorProfileStore.creator.name }}
+          </v-btn>
+        </router-link>
+        <router-link v-else-if="authStore.isAuthenticated"
+                     class="nav-button"
+                     to="/profile?target=CreatorPage">
+          <v-btn class="w-100" variant="plain">Activer votre page</v-btn>
+        </router-link>
+        <!-- CREATE CONTENT -->
+        
         <!-- PROFILE -->
         <v-btn to="/profile"
                class="w-full"
@@ -131,5 +132,10 @@ initializeLocale();
 </template>
 
 <style scoped>
+.icon {
+  width: 36px;
+  height: 36px;
+  fill: #6a0065;
+}
 </style>