Enhanced the ui of blog card for both dark and light mode

[Sawan-Kushwah]

Title : Enhance styling of blog page

Issue No. : #444

Code Stack :

Close #444

BEFORE MERGING THIS PR

AFTER MERGING THIS PR

Checklist:

• [ X] I have mentioned the issue number in my Pull Request.
• [ X] I have commented my code, particularly in hard-to-understand areas
• [ X] I have created a helpful and easy to understand README.md if its a new page/tech stack
• [ X] I have gone through the contributing.md file before contributing

Additional context (Mandatory )

Are you contributing under any Open-source programme?

• [ X] I'm a GSSOC-EXT contributor
• [ X] I'm a HACKTOBERFEST contributor

[github-actions[bot]]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. In the meantime, please ensure that your changes align with our chaotic CONTRIBUTING.md. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊

[netlify[bot]]

✅ Deploy Preview for befiteveryday ready!

Name	Link
🔨 Latest commit	a739ef5779de7bf4425ef4e2f69ca1d76028fbee
🔍 Latest deploy log	https://app.netlify.com/sites/befiteveryday/deploys/67304450e9318800087890bb
😎 Deploy Preview	https://deploy-preview-462--befiteveryday.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.

[github-actions[bot]]

🎉🎉 Thank you for your contribution! Your PR #462 has been merged! 🎉🎉