FIXED BUG

[Meetpidev]

Title and Issue number

Title : iSSUE IN CURRENT CODE

Issue No. : 409

Close #409

Video (mandatory)

https://github.com/user-attachments/assets/26448dc0-64d2-4ceb-afec-eee9aaae67fc

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 ITS RUN WITHOUT NO ERROR..

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	36f306fa5a78141b8749e17b11a672eb1f2f8bb0
🔍 Latest deploy log	https://app.netlify.com/sites/befiteveryday/deploys/672d9cb1259fa50008a6e2c8
😎 Deploy Preview	https://deploy-preview-448--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.

[Meetpidev]

@jeevan10017 In the blog.jsx.. the term "mode" is not defined.. so when we run the project its show error(image avilabale in issue).. so this PR fix it and accordingly changed the colors in dark/light mode..

[github-actions[bot]]

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