Create new ButtonIcon component

[blesildaramirez]

This component will be used in cases where we need a button that only displays an icon. Additionally, it should be flexible enough to handle scenarios where only an icon is displayed, such as when integrating with our existing DropdownActions component which is using MenuButton from @headlessui/vue.

Key Features:

1. Icon-Only Button: The component should support rendering a button that contains only an icon. It should accept handlers to perform actions when interacted via click or keypress events.
2. Icon-Only: The component should work seamlessly with DropdownActions, allowing it to display just the icon without affecting the semantic display of the menu actions button.
3. Accessibility: The component should implement basic accessibility features, such as adding aria-label for buttons that only contain icons.
4. Styling: Apply proper styling based on the state of the button. It should follow the same styling as PkpButton component.
5. Props:
   • icon (required): Prop to pass to the Icon component's value.
   • ariaLabel (optional): A string for the aria-label attribute for accessibility.