Some Storybook components do not render correctly after migration

[cnotv]

Summary

Fixes #11707

Occurred changes and/or fixed issues

• Fixed all the rendering issues
• Updated Storybook to 8.3
• Defined new setup for Storybook and Vue CLI by using @storybook/vue3-webpack5
• Migrated all the components, now split in *.story.ts (markup and logic) and .mdx (documentation, if none this is automatically generated)
• Set Welcome as homepage
• Changed start script to avoid installation
• Configuration adjustment round
• Update theme configuration
• Enabled stories to use routing with storybook-vue3-router decorator
• Added ToC to documentation
• Moved xterm SCSS dependency import

Technical notes summary

Many components had some extra logic out of the box. This goes diametrically opposite to the style guide concept, as it should just demonstrate functionalities and use cases, not writing code. Features should work in standalone and out of the box.

Areas or cases that should be tested

Run yarn storybook after installing the packages

Areas which could experience regressions

Screenshot/Video

Kapture.2024-11-13.at.18.47.39.mp4

Checklist

• The PR is linked to an issue and the linked issue has a Milestone, or no issue is needed
• The PR has a Milestone
• The PR template has been filled out
• The PR has been self reviewed
• The PR has a reviewer assigned
• The PR has automated tests or clear instructions for manual tests and the linked issue has appropriate QA labels, or tests are not needed
• The PR has reviewed with UX and tested in light and dark mode, or there are no UX changes