Feature: Migrate result variants selector component

[annacv]

Migrate the result variant selector component:

• Replaced XInject decorator with Vue native one.
• Add array checking in hybrid inject to return the injected array object as a ref, to be able to watch it.

Motivation and context

Proceed to Vue 3 migration. At least, Vue native inject is being used, otherwise, for some reason using hybrid inject the 'reset the selected variants if the result changes' test was failing.

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

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?

It can be tested by using a local build inside oysho's customer's setup and checking result component behavior & events in Vue DevTools:

• When a color variant is selected, the result's image is updated accordingly and the click event is fired with correct metadata (color's id, name and image).
• When a size is selected (hovering the add2Cart button a size's variants would be displayed), the SizeAdd2Cart event is fired with the correct metadata (the result and the size objects with the corresponding color and size information).

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.

[lauramargar]

gj!!