I renamed CreatorAbout to reduce confusion

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},

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";