Fix the timing/loading issues with branding when navigating the site

src/views/creators/DonationButtonBanner.vue

@@ -1,6 +1,6 @@
 <template>
   <v-btn :style="{ 
-    backgroundColor: brandingStore.value.colors.primary, 
+    backgroundColor: brandingStore.colors.primary, 
     color: 'white', 
     borderRadius: '8px',
      padding:'20px 24px', 
@@ -13,7 +13,7 @@
 
   <v-dialog v-model="donationModal" max-width="500">
     <v-form>
-      <v-card class="text-center rounded-xl" :style="{ border: `3px solid ${brandingStore.value.colors.primary}` }">
+      <v-card class="text-center rounded-xl" :style="{ border: `3px solid ${brandingStore.colors.primary}` }">
         <div class="py-4 text-2xl font-bold border-b mb-2">
           Je Soutiens!
         </div>
@@ -25,7 +25,7 @@
               class="rounded-full"
               width="40"
               height="40"
-              :style="{ border: `2px solid ${brandingStore.value.colors.secondary}` }">
+              :style="{ border: `2px solid ${brandingStore.colors.secondary}` }">
           <div class="capitalize px-2 text-2xl">{{ brandingStore.value.name }}</div>
           <v-btn icon @click="closeDonationDialog()" class="ml-auto" variant="text">
             <v-icon>mdi-close</v-icon>
@@ -57,7 +57,7 @@
                       clearable
           ></v-textarea>
 
-          <v-btn variant="outlined" :style="{ borderColor: brandingStore.value.colors.primary, color: brandingStore.value.colors.primary }"
+          <v-btn variant="outlined" :style="{ borderColor: brandingStore.colors.primary, color: brandingStore.colors.primary }"
                  @click="goPay()" class="w-full mt-5">
             Envoyez
           </v-btn>