refactor: replace widget class by antd Card component

[shootermv]

Description

i can see widget css class, functioning as - what can be called a card effect
i think it can be better to use antd library Card component

screenshots

[netlify]

✅ Deploy Preview for astonishing-pothos-5f81bd ready!

Name	Link
🔨 Latest commit	f31f60d
🔍 Latest deploy log	https://app.netlify.com/sites/astonishing-pothos-5f81bd/deploys/6542251ac8d74d0008ee11ab
😎 Deploy Preview	https://deploy-preview-159--astonishing-pothos-5f81bd.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[NoamGaash]

why is it better?

[shootermv]

It is component and not css class , thus more readable & more easy to reuse (in my opinion) one more point antd card has `hoverable` property which makes shadows effect when hovering upon card: 

…

On Sun, Oct 29, 2023, 13:18 NoamGaash ***@***.***> wrote: why is it better? — Reply to this email directly, view it on GitHub <#159 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAKGMHQNEQRH4CSTBEZIIALYBYUONAVCNFSM6AAAAAA6UTBWLSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTOOBUGA3TCNZUGA> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[NoamGaash]

I appreciate the idea, but I don't think we really need this component.
The way I see it,

1. The more we use antd and mui components, the harder it will be to change or remove things in the future
2. Those components encapsulates behaviours that we're not necessarily aware of, and I'm afraid of changes

Good refactor serves some higher level goal, such as

• Simplify the code
• Improve readability
• Improve code consistency (for example = naming conventions)
• remove code duplication
  and so on

I'm open to another opinions, I don't want to be too fixed on mine