Added back stripePayment with the userId. Colors on the banner + accent on the profile picture and name

src/views/main/Creator.vue

@@ -20,8 +20,9 @@
   <!--    </div>-->
   
       <PostContentMenu></PostContentMenu>
-  
-  
+
+      <StripePayment :creator-id="user.id"></StripePayment>
+
       <div class="flex flex-col items-center">
         <div class="max-w-[800px] border-l-2 border-r-2 border-gray-200 px-4 ">
           <PostCard v-for="post in posts"
@@ -47,6 +48,7 @@ import {onBeforeMount, ref} from "vue";
 import {useClient} from "@/plugins/api.js";
 import {useRoute} from "vue-router";
 import CreatorBanner from "@/views/main/CreatorBanner.vue";
+import StripePayment from "@/views/StripePayment.vue";
 
 const client = useClient();
 const route = useRoute();
@@ -56,7 +58,6 @@ const user = ref(null);
 onBeforeMount(async() => {
   const response = await client.get(`/api/Users?UserName=${route.params.creator}`)
   user.value = response.data
-  console.log(response.data);
 })
 
 </script>