Changed logo by Banner and fixed profile name

src/views/main/SideBar.vue

@@ -41,9 +41,13 @@ initializeLocale();
 
       <!-- LOGO HUTOPY -->
       <router-link to="/">
-        <hutopy-icon class="icon"></hutopy-icon>      
+        <img src="/images/hutopymedia/banners/hutopy.png" alt="hutopy"
+             width="300px"
+             height="64px"> 
+        <div class="flex justify-end" >ALPHA</div>
       </router-link>
     </div>
+    
     <!-- SUBSCRIPTION SECTION -->
     <div class="flex-grow px-4">
       <template v-if="authStore.isAuthenticated">
@@ -56,22 +60,23 @@ initializeLocale();
 
     <!-- USER SECTION -->
     <div class="px-4 mb-4">
-      <div class="flex justify-center p-2">
+      <div class="flex items-center justify-center p-2">
         <img
             :src="userProfileStore.portraitUrl"
             alt="Profile Image"
             class="rounded-full"
             width="32"
             height="32"
+            style="max-height: 32px;"
         >
         <span class="ml-2 text-lg font-sans capitalize">
-                {{ userProfileStore.alias }}
-              </span>
+    {{ userProfileStore.alias }}
+  </span>
       </div>
 
 
 
-      
+
       <div class="flex flex-column gap-4">
         <!-- YOUR PAGE -->
         <router-link v-if="creatorProfileStore.hasCreator"