feat(admin-ui): Migrate Clarity to Tailwind

[davidhoeck]

Description

This PR removes the styles of the Clarity design system and replaces them with Tailwind. Styling is done in a backwards compatible way, which means that all clarity classes will be removed.

Important: This is heavy WIP and more like a PoC right now. We are especially thinking about backwards compatibility.

Relates to #2903

Breaking changes

There could be some breaking changes, if extensions rely on specific Clarity classes which were not used in the Admin UI initially.

Checklist

📌 Always:

• I have set a clear title
• My PR is small and contains a single feature
• I have checked my own PR

👍 Most of the time:

• I have added or updated test cases
• I have updated the README if needed

[nino-magazinovic]

@davidhoeck Cool, waiting for the release.

[davidhoeck]

@nino-magazinovic yeah, we are eager to move away from the Clarity Design System. Right now we are exploring various options, how to integrate Tailwind in the best way possible. If you have any input and ideas, they are more than welcome!

[nino-magazinovic]

@davidhoeck The solution should have established marketing, business support, Figma design system, community, example pages and components to acceleration development on admin and storefront, integration to multiple frontend frameworks, fully extendable.

Copy paste approach and clean default Vercel theme (black/white) like shadcn/ui.

Options:

• Flowbite
• daisyUI (abstraction of Tailwind utility classes)
• spartan/ui (Angular component clone of shadcn/ui)
• tw-elements

Resources:

• https://flowrift.com/
• https://www.hyperui.dev/
• https://github.com/aniftyco/awesome-tailwindcss
• https://www.tailwindresources.com/

In any case, do not change the Nestjs and Angular stack 🥇

[davidhoeck]

@nino-magazinovic thanks for the great input. We are already looking at Spartan, because it provides the same approach as Shadcn does. Only problem is that they are still in alpha, which makes it unclear for me if it is mature enough to use in our platform.