Enhanced the Components card

[Prince-kushwaha-2004]

Fixes Issue🛠️

#441 [Style] Enhancement of Components card

Closes #441

Description👨‍💻

I had changed the styling of components cards for both light and dark mode.
Kindly check attached video for detail.

Type of change📄

• New feature (non-breaking change which adds functionality)

How this has been tested✅

This has been tested by me by running the website, no error found!!

Checklist✅

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have added demonstration in the form of GIF/video file
• I am an Open Source Contributor

Screenshots/GIF📷

WhatsApp.Video.2024-02-06.at.20.19.42_1e902bb7.mp4

[netlify]

✅ Deploy Preview for beautiify ready!

Name	Link
🔨 Latest commit	b185d90
🔍 Latest deploy log	https://app.netlify.com/sites/beautiify/deploys/65c4a4f8441d2300082f7ce9
😎 Deploy Preview	https://deploy-preview-545--beautiify.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.

[Rakesh9100]

1. Pls include your images in the assets/images folder and then use it instead of including the links.

2. Adjust the colors more in the dark theme accordingly for better and clear view @Prince-kushwaha-2004

[Prince-kushwaha-2004]

@Rakesh9100
Kindly check now.

[Rakesh9100]

Looks good, Merged 🎉 @Prince-kushwaha-2004