Component: The Rest of the PrimeVue buttons (#7649)

## Summary

Automated initial change, cleaned up manually.

Please check the screenshot changes.

Includes a11y updates to icon buttons.

Doesn't hit the buttons in Desktop.

┆Issue is synchronized with this [Notion
page](https://www.notion.so/PR-7649-WIP-Component-The-Rest-of-the-PrimeVue-buttons-2ce6d73d365081d68e06f200f1321267)
by [Unito](https://www.unito.io)

---------

Co-authored-by: GitHub Action <action@github.com>
Co-authored-by: github-actions <github-actions@github.com>
Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>

src/platform/cloud/subscription/components/SubscribeButton.vue

@@ -1,10 +1,9 @@
 <template>
   <Button
-    :label="label || $t('subscription.required.subscribe')"
-    :size="size"
+    :size
     :loading="isLoading"
     :disabled="isPolling"
-    severity="primary"
+    variant="primary"
     :style="
       variant === 'gradient'
         ? {
@@ -13,39 +12,33 @@
           }
         : undefined
     "
-    :pt="{
-      root: {
-        class: rootClass
-      }
-    }"
+    :class="cn('font-bold', fluid && 'w-full')"
     @click="handleSubscribe"
-  />
+  >
+    {{ label || $t('subscription.required.subscribe') }}
+  </Button>
 </template>
 
 <script setup lang="ts">
-import Button from 'primevue/button'
-import { computed, onBeforeUnmount, ref, watch } from 'vue'
+import { onBeforeUnmount, ref, watch } from 'vue'
 
+import Button from '@/components/ui/button/Button.vue'
 import { useSubscription } from '@/platform/cloud/subscription/composables/useSubscription'
 import { isCloud } from '@/platform/distribution/types'
 import { useTelemetry } from '@/platform/telemetry'
 import { cn } from '@/utils/tailwindUtil'
 
-const props = withDefaults(
-  defineProps<{
-    label?: string
-    size?: 'small' | 'large'
-    variant?: 'default' | 'gradient'
-    fluid?: boolean
-  }>(),
-  {
-    size: 'large',
-    variant: 'default',
-    fluid: true
-  }
-)
-
-const rootClass = computed(() => cn('font-bold', props.fluid && 'w-full'))
+const {
+  size = 'lg',
+  fluid = true,
+  variant = 'default',
+  label
+} = defineProps<{
+  label?: string
+  size?: 'sm' | 'lg'
+  variant?: 'default' | 'gradient'
+  fluid?: boolean
+}>()
 
 const emit = defineEmits<{
   subscribed: []