fix icons alignment in billing upgrade buttons

Author: Onatcer

resources/js/Components/Common/UpgradeModal.vue

@@ -39,10 +39,10 @@ const show = defineModel('show', { default: false });
                         <PrimaryButton
                             type="button"
                             class="mt-6"
+                            :icon="CreditCardIcon"
                             v-if="
                                 isBillingActivated() && canUpdateOrganization()
                             ">
-                            <CreditCardIcon class="w-5 h-5 me-2" />
                             Go to Billing
                         </PrimaryButton>
                     </Link>

resources/js/Components/NotificationContainer.vue

@@ -41,8 +41,10 @@
                 <Link
                     v-if="isBillingActivated() && canManageBilling()"
                     href="/billing">
-                    <PrimaryButton type="button" class="mt-6">
-                        <CreditCardIcon class="w-5 h-5 me-2" />
+                    <PrimaryButton
+                        :icon="CreditCardIcon"
+                        type="button"
+                        class="mt-6">
                         Go to Billing
                     </PrimaryButton>
                 </Link>

resources/js/Pages/ReportingShared.vue

@@ -103,10 +103,10 @@ watch(currentPage, () => {
                         <PrimaryButton
                             type="button"
                             class="mt-6"
+                            :icon="CreditCardIcon"
                             v-if="
                                 isBillingActivated() && canUpdateOrganization()
                             ">
-                            <CreditCardIcon class="w-5 h-5 me-2" />
                             Go to Billing
                         </PrimaryButton>
                     </Link>

resources/js/Pages/Teams/Partials/UpdateTeamNameForm.vue

@@ -64,8 +64,7 @@ const updateTeamName = () => {
                     <Link
                         v-if="isBillingActivated() && canManageBilling()"
                         href="/billing">
-                        <PrimaryButton type="button">
-                            <CreditCardIcon class="w-5 h-5 me-2" />
+                        <PrimaryButton :icon="CreditCardIcon" type="button">
                             Go to Billing
                         </PrimaryButton>
                     </Link>