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

src/views/creators/DonationButton.vue

@@ -6,7 +6,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>
@@ -18,7 +18,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>
@@ -51,7 +51,7 @@
           ></v-textarea>
 
           <v-btn variant="outlined"
-                 :style="{ borderColor: brandingStore.value.colors.primary, color: brandingStore.value.colors.primary }"
+                 :style="{ borderColor: brandingStore.colors.primary, color: brandingStore.colors.primary }"
                  @click="goPay()" class="w-full mt-5">
             Envoyez
           </v-btn>