Rework UI-kit Workshop

[JosefBredereck]

When I was preparing #1483 I stumbled about the dependency tree and structure of the UI-kit again.

Based on the outcome of #1484 and also further ideas how to improve the UI-kit, there needs to be a larger rebuild.

My idea is to provide the UI-kit frame to be a single application, either written in a framework or completely independent using web components. It has to be focused on one single framework, be it lit, svelt, solid or whatever. But the current implementation where we are using react, preact, lit and others is not a good way to maintain the project in the future.

Must haves:

• Easy way to start in develop mode (Developer Experience)
• Complete implementation in typescript (even if the development would have a slower pace)
• Based on the new @pattern-lab/types introduced by feat: migrate to nx workspace #1483
• No dependencies to external HTML generators like handlebars
• Understandable build script (favorable, provided by the chosen framework, to reduce effort on our end)
• reduced external dependencies
• based on modern web standards (no support for old browsers like IE11 or Opera Mini which do not support basic standards)
• Customizable via CSS variables and config JSON (logo, name, title)
• Support for language features (translations are community-driven at best, we provide the base translation in English)
• Extendable slots to support plugins

For all the changes we do, we should not forget to support the current features already in place.

• Screen size adjustments
• Themes
• Alignment in vertical and horizontal mode