Big cleanup for styling

frontend/src/views/creators/DonationButtonBanner.vue

@@ -1,12 +1,10 @@
 <template>
-  <v-btn
-    variant="text"
-    style="font-size: x-large; height: 100%"
-    block
+  <button
+      class="secondary"
     @click="openDonationDialog()"
   >
     {{ $t('isupportbtn.isupport') }}
-  </v-btn>
+  </button>
 
   <v-dialog v-model="donationModal" max-width="500">
     <v-form>
@@ -98,10 +96,10 @@
 </template>
 
 <script setup>
-import { useClient } from '@/plugins/api.js';
-import { useBrandingStore } from '@/stores/brandingStore.js';
-import { loadStripe } from '@stripe/stripe-js';
-import { onMounted, ref } from 'vue';
+import {useClient} from '@/plugins/api.js';
+import {useBrandingStore} from '@/stores/brandingStore.js';
+import {loadStripe} from '@stripe/stripe-js';
+import {onMounted, ref} from 'vue';
 
 const brandingStore = useBrandingStore();