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/PricingTable.vue

@@ -183,25 +183,22 @@
         </div>
         <div class="flex flex-col p-8">
           <Button
-            :label="getButtonLabel(tier)"
-            :severity="getButtonSeverity(tier)"
+            :variant="getButtonSeverity(tier)"
             :disabled="isLoading || isCurrentPlan(tier.key)"
             :loading="loadingTier === tier.key"
             :class="
               cn(
                 'h-10 w-full',
+                getButtonTextClass(tier),
                 tier.key === 'creator'
                   ? 'bg-base-foreground border-transparent hover:bg-inverted-background-hover'
                   : 'bg-secondary-background border-transparent hover:bg-secondary-background-hover focus:bg-secondary-background-selected'
               )
             "
-            :pt="{
-              label: {
-                class: getButtonTextClass(tier)
-              }
-            }"
             @click="() => handleSubscribe(tier.key)"
-          />
+          >
+            {{ getButtonLabel(tier) }}
+          </Button>
         </div>
       </div>
     </div>
@@ -241,13 +238,13 @@
 
 <script setup lang="ts">
 import { cn } from '@comfyorg/tailwind-utils'
-import Button from 'primevue/button'
 import Popover from 'primevue/popover'
 import SelectButton from 'primevue/selectbutton'
 import type { ToggleButtonPassThroughMethodOptions } from 'primevue/togglebutton'
 import { computed, ref } from 'vue'
 import { useI18n } from 'vue-i18n'
 
+import Button from '@/components/ui/button/Button.vue'
 import { useFirebaseAuthActions } from '@/composables/auth/useFirebaseAuthActions'
 import { useErrorHandling } from '@/composables/useErrorHandling'
 import { getComfyApiBaseUrl } from '@/config/comfyApi'