feat: Add creator profile and about section improvements

frontend/src/views/creators/CreatorLogo.vue

@@ -1,15 +1,19 @@
 <template>
-  <div class="rounded-full relative"
+  <div class="relative"
        @mouseenter="showTint = isCurrentCreator"
        @mouseleave="showTint = false"
        @click="isCurrentCreator && openBannerEditor()"
   >
 
-    <img
-        class="shadow-2xl object-cover rounded-full border-solid border-hSecondary border-102 w-[100px] h-[100px] sm:w-[150px] sm:h-[150px] md:w-[200px] md:h-[200px] logo-image"
-        :src="brandingStore.value.images?.logo ?? '/images/placeholders/profile.png'"
-        :alt="t('logoAlt')"
-    />
+    <div class="rounded-full border-4 border-hPrimary w-[110px] h-[110px]">
+      <img
+          :src="brandingStore.value.images?.logo ?? '/images/placeholders/profile.png'"
+          :alt="t('logoAlt')"
+          width="110px"
+          height="110px"
+          class="rounded-full"
+      />
+    </div>
 
     <!-- Tint Effect -->
     <div
@@ -19,7 +23,7 @@
     >
       <!-- Top-right Icon -->
       <div
-          class="absolute top-4 right-4 w-12 h-12 bg-white rounded-full flex items-center justify-center shadow-lg"
+          class="absolute top-0 right-0 w-12 h-12 bg-hutopyPrimary rounded-full flex items-center justify-center shadow-lg"
       >
         <v-icon large>mdi-pencil</v-icon>
       </div>
@@ -66,7 +70,7 @@ const isCurrentCreator = computed(() => {
 
 <style scoped>
 .logo-image {
-  @apply border-b-4 border-t-4 border-solid border-hTertiary;
+  @apply border-4 border-solid border-hTertiary;
 }
 
 </style>