Reworking the layouts to allow for the new design

src/views/creators/SubscribeButton.vue

@@ -4,11 +4,9 @@ import {computed, ref} from "vue";
 
 const props = defineProps({
   creator: {type: Object, required: true},
-  colorBorder: {required: true},
+  backgroundColor: {required: true},
 });
 
-const colorBorder = computed(() => props.colorBorder);
-
 const subscriptionStore = useSubscriptionStore();
 
 const isSubscribe = computed(() => !subscriptionStore.isSubscribeTo(props.creator.id));
@@ -31,29 +29,29 @@ function unsubscribeFromCreator() {
   <template v-if="isSubscribe">
     <v-btn
         :style="{ 
-       width: '150px',
-              height: '28px',
-        backgroundColor: colorBorder, 
-        color: 'white', 
-      borderRadius: '0 8px 8px 0',
-        padding: '10px 24px',
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        transition: 'background-color 0.3s ease'
-      }"
+          width: '150px',
+          height: '28px',
+          backgroundColor: backgroundColor, 
+          color: 'white', 
+          borderRadius: '0 8px 8px 0',
+          padding: '10px 24px',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          transition: 'background-color 0.3s ease'
+        }"
         @click="subscribeToCreator"
     >
-      <div>{{ $t('subscribebutton.subscribe') }}</div>
+     {{ $t('subscribebutton.subscribe') }}
     </v-btn>
-  </template>  
+  </template>
 
   <template v-else>
-    <v-btn     
+    <v-btn
         :style="{ 
        width: '150px',
               height: '28px',
-        backgroundColor: colorBorder, 
+        backgroundColor: backgroundColor, 
         color: 'white', 
       borderRadius: '0 8px 8px 0',
         padding: '10px 24px',
@@ -85,7 +83,7 @@ function unsubscribeFromCreator() {
                :style="{ backgroundColor: 'rgba(255, 255, 255, 0.1)', color: 'rgba(0, 0, 0, 0.4)' }"
                @click="unsubscribeFromCreator">Oui
         </v-btn>
-
+ 
         <v-btn class="flex-grow-1"
                :style="{ borderColor: creator.colors.menu, color: creator.colors.menu }" variant="outlined"
                @click="showUnsubscribeModal = false">