feat: add twMerge

[ell-ska]

• install the package twMerge
• update the places where we merge component classes with the attribute class

explanation of the package

TailwindMerge for Laravel allows you to merge multiple Tailwind CSS classes and automatically resolves conflicts between classes by removing classes conflicting with a class defined later. This is especially helpful when you want to override Tailwind CSS classes in your Blade components.

demo of the issue this solves

<x-button class="hidden sm:inline-flex">
    should be hidden on mobile
</x-button>
<x-button class="sm:hidden">should be hidden on desktop</x-button>

before twMerge
https://github.com/user-attachments/assets/f635a6c3-f9af-4ab2-a675-540a79b847a9

after twMerge

Skarminspelning.2025-02-06.kl.15.44.35.mov

[DavidDyberg]

Nice!

[beforeAW]

Great