Rename vf-animation to vf-transition

[petermakowski]

Done

• Rename vf-animation to vf-transition
• add vf-animation alias

Fixes #4543

QA

• Open demo
• [Add QA steps]
• Review updated documentation:
  • [List any updated documentation for review]

Check if PR is ready for release

If this PR contains Vanilla SCSS code changes, it should contain the following changes to make sure it's ready for the release:

• PR should have one of the following labels to automatically categorise it in release notes:
  • Feature 🎁, Breaking Change 💣, Bug 🐛, Documentation 📝, Maintenance 🔨.
• Vanilla version in package.json should be updated relative to the most recent release, following semver convention:
  • if CSS class names are not changed it can be bugfix relesase (x.x.X)
  • if CSS class names are changed/added/removed it should be minor version (x.X.0)
  • see the wiki for more details
• Any changes to component class names (new patterns, variants, removed or added features) should be listed on the what's new page.
• Documentation side navigation should be updated with the relevant labels.

Screenshots

[if relevant, include a screenshot or screen capture]

[webteam-app]

Demo starting at https://vanilla-framework-4545.demos.haus

[bartaz]

We should add a commend in the code to mention that old name is deprecated.

Also it should result in minor version bump and be mentioned on "What's new page"

[bartaz]

Probably outside of the scope of this PR, but when reviewing this I noticed that we actually don't use the prefers-reduced-motion media query in this mixin at all. We probably should, but to make sure it won't introduce some breaking changes it would be good to do it separately.

[petermakowski]

vanilla-framework/scss/_utilities_animations.scss

Line 3 in 1726637

@media (prefers-reduced-motion: reduce) {

As discussed, prefers-reduced-motion actually works due to the code above.

[bartaz]

LGTM