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>

tests-ui/tests/platform/cloud/subscription/components/PricingTable.test.ts

@@ -5,6 +5,7 @@ import { computed, ref } from 'vue'
 import { createI18n } from 'vue-i18n'
 
 import PricingTable from '@/platform/cloud/subscription/components/PricingTable.vue'
+import Button from '@/components/ui/button/Button.vue'
 
 const mockIsActiveSubscription = ref(false)
 const mockSubscriptionTier = ref<
@@ -104,19 +105,16 @@ function createWrapper() {
   return mount(PricingTable, {
     global: {
       plugins: [createTestingPinia({ createSpy: vi.fn }), i18n],
+      components: {
+        Button
+      },
       stubs: {
         SelectButton: {
           template: '<div><slot /></div>',
           props: ['modelValue', 'options'],
           emits: ['update:modelValue']
         },
-        Popover: { template: '<div><slot /></div>' },
-        Button: {
-          template:
-            '<button @click="$emit(\'click\')" :disabled="disabled" :data-tier="dataTier">{{ label }}</button>',
-          props: ['loading', 'label', 'severity', 'disabled', 'dataTier', 'pt'],
-          emits: ['click']
-        }
+        Popover: { template: '<div><slot /></div>' }
       }
     }
   })