[FEATURE] New Cards and Refactorisation

[Zering-Max]

Hello everybody !

I have fallen on yur exciting project especially to train my tailwind skiils.

I'd like to add some new cards with other functions inspired by Quasar (https://quasar.dev/vue-components/card/), below some example that i code in my fork.

Do you think it suits the "general design" of DripUI ?

Also I have noticed in the code that components in Drip folder (components/Drip/cards) seems to be not used in the concret web rendering (pages/docs/cards), that makes the code quicky very huge with every component pasted (not in React component shape but juste plain HTML).

Maybe it could be useful to use more systematically component in Drip folder like React Component and also move the useRef logic inside each component to prevent tens and tens "CardAreaRefX" on parent component when much other new cards will be created ?