Feature: Modify use-$x composable

[annacv]

Motivation and context

The xPlugin is responsible for creating the $x in every component instance through the xplugin.mixin. Currently the use$x composable is just returning a reference to this property. In order to get rid of this mixin we need that the use$x is able to create and return the same $x API.

Take into account: 3 tests have been disabled for 2 components using BaseEventButton with the old $x API and checked that migrating BaseEventButton these component tests will pass. The migrated component is inside this test branch for checking: https://github.com/empathyco/x/tree/feature/Base-event-button-migrated.

• Dependencies. If any, specify:
• Open issue. If applicable, link: EMP-3656

Type of change

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Breaking change (fix or feature that causes existing functionality to not work as expected)
• Change requires a documentation update

What is the destination branch of this PR?

• Main
• Other. Specify:

How has this been tested?

Browse along all the app & make sure:

• All modules are registered on init
• All features are working as expected

Tests performed according to testing guidelines:

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review on my own code.
• I have commented my code, particularly in hard-to-understand areas.
• I have made corresponding changes to the documentation.
• My changes generate no new warnings.
• I have added tests that prove my fix is effective or that my feature works.
• New and existing unit tests pass locally with my changes.

[CachedaCodes]

Don't skip the test by commenting it, use it.skip