chore(pack): optimize dependencies, reduce bundle size

frontend/src/views/PaymentFailed.vue

@@ -4,11 +4,11 @@
       <!-- Navigation Link at the top -->
       <div class="navigation-link">
         <button class="link-button" @click="goBack()">
-          <v-icon>mdi-arrow-left</v-icon>
+          <v-icon :icon="mdiArrowLeft" />
           {{ t('returnToCreator') }}
         </button>
       </div>
-      
+
       <h1>{{ t('title') }}</h1>
       <p>{{ t('message') }}</p>
     </div>
@@ -18,12 +18,11 @@
 <script setup>
 import { useRouter, useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { useBrandingStore } from '@/stores/brandingStore.js';
+import { mdiArrowLeft } from '@mdi/js';
 
 const router = useRouter();
 const route = useRoute();
 const { t } = useI18n();
-const brandingStore = useBrandingStore();
 
 function goBack() {
   const creatorName = route.params.creator?.split('/')[0] || '';
@@ -82,7 +81,7 @@ function goBack() {
   @apply p-[1px];
   background: linear-gradient(135deg, rgba(64, 64, 64, 1) 0%, rgba(64, 64, 64, 0) 20%, rgba(64, 64, 64, 0.5) 100%);
   mask: linear-gradient(#fff 0 0) content-box,
-  linear-gradient(#fff 0 0);
+    linear-gradient(#fff 0 0);
   mask-composite: exclude;
   pointer-events: none;
 }