refactor(animation-factory): fix Vue3 breaking changes

[victorcg88]

Motivation and context

Fixes the following breaking changes of Vue3 in the create-directional-animation-factory:

• cannot render custom component by literal. vuejs/core#826 (comment)
• https://v3-migration.vuejs.org/breaking-changes/transition.html
• https://v3-migration.vuejs.org/breaking-changes/render-function-api.html#vnode-props-format

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: https://github.com/empathyco/x/tree/vue3-update-rc

How has this been tested?

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.

[joseacabaneros]

Thinking on this "util" and how easy it has become, I don't know if it would be better in an architectural manner, turn clip-path, scale and translate into Vue components. But it would be a breaking change 😢