fix: update x-components and fix base rating component

[lauramargar]

Pull request template

Update x-components in the archetype adding a max-width to BaseRating component because if a x-flex class is applied the rating will not be filled correctly.

Motivation and context

• Dependencies. If any, specify:
• Open issue. If applicable, link: 1588

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?

Add <BaseRating :value="3"></BaseRating> in result.vue file.

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.

[jenkins-empathy]

PR #303 preview deployed in https://x.test.empathy.co/preview/303/index.html

[annacv]

🎉