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/renderer/extensions/vueNodes/widgets/components/WidgetWithControl.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts" generic="T extends WidgetValue">
-import Button from 'primevue/button'
 import { computed, defineAsyncComponent, ref, watch } from 'vue'
 import type { Component } from 'vue'
 
+import Button from '@/components/ui/button/Button.vue'
 import type {
   SimplifiedControlWidget,
   WidgetValue
@@ -47,8 +47,8 @@ const togglePopover = (event: Event) => {
   <div class="relative grid grid-cols-subgrid">
     <component :is="component" v-bind="$attrs" v-model="modelValue" :widget>
       <Button
-        variant="link"
-        size="small"
+        variant="textonly"
+        size="sm"
         class="h-4 w-7 self-center rounded-xl bg-blue-100/30 p-0"
         @pointerdown.stop.prevent="togglePopover"
       >