feat: Integrate branding store in PaymentCompleted and PaymentFailed views to display branding information

frontend/src/views/PaymentCompleted.vue

@@ -22,8 +22,8 @@
       <p>
         {{ t('message') }}
 
-        <span v-if="creatorUserName">
-          {{ creatorUserName }}
+        <span v-if="brandingStore.value?.name">
+          {{ brandingStore.value.name }}
         </span>
 
         <span v-else>
@@ -42,10 +42,12 @@
 <script setup>
 import {useRouter, useRoute} from 'vue-router';
 import { useI18n } from 'vue-i18n';
+import { useBrandingStore } from '@/stores/brandingStore.js';
 
 const router = useRouter();
 const route = useRoute();
 const { t } = useI18n();
+const brandingStore = useBrandingStore();
 
 function goBack() {
   // Navigate back to the creator's page

frontend/src/views/PaymentFailed.vue

@@ -18,10 +18,12 @@
 <script setup>
 import { useRouter, useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
+import { useBrandingStore } from '@/stores/brandingStore.js';
 
 const router = useRouter();
 const route = useRoute();
 const { t } = useI18n();
+const brandingStore = useBrandingStore();
 
 function goBack() {
   const creatorName = route.params.creator?.split('/')[0] || '';