Adds brandingStore.

Split userStore into userProfileStore and creatorProfileStore

src/views/creators/CreatorBanner.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="shadow-lg rounded-2xl"
-       :style="{ backgroundColor: creator.colors.secondary}">
+       :style="{ backgroundColor: branding.value.colors.secondary}">
     <div class="relative z-20">
       
       <!--Banner-->
@@ -8,7 +8,7 @@
         <div>
           <img
               class="w-full drop-shadow-[0_10px_6px_rgba(0,0,0,0.25)]"
-              :src="creator.images.banner ? creator.images.banner : '/images/placeholders/banner.png'"
+              :src="branding.value.images.banner ? branding.value.images.banner : '/images/placeholders/banner.png'"
               alt="Profile Banner"
               style="max-height: 425px"
           >
@@ -17,23 +17,15 @@
 
     </div>
     <!--actions - Lowerpart-->
-    <banner-actions :creator="creator" @content-posted="addContent"></banner-actions>
+    <banner-actions></banner-actions>
 
   </div>
 </template>
 
 <script setup>
 import BannerActions from "@/views/creators/banner/bannerlower/BannerActions.vue";
+import {useBrandingStore} from "@/stores/brandingStore.js";
 
-const props = defineProps({
-  creator: {type: Object, required: true},
-});
-
-const emits = defineEmits(['content-posted'])
-
-function addContent(content) {
-  emits('content-posted', content)
-}
-
+const branding = useBrandingStore()
 
 </script>