Change Navbar Item Colors in Mobile View (Hamburger Menu)

[Abhishek-IITP]

Description: UI-related issues that need to be addressed:

1. Navbar Item Color on Mobile (Hamburger Menu):
   a. When the site is viewed on mobile, the navbar items that appear inside the hamburger menu do not follow the desired color scheme. The colors of the items should be updated to ensure that they are visible and match the site's theme, especially in dark mode.

Steps to Reproduce:

2. Resize the browser to a mobile view or open the site on a mobile device.
3. Open the hamburger menu and observe the color of the navbar items.

Expected Behavior:

1. The dark mode button should be properly aligned.
2. The navbar items in the hamburger menu should have colors consistent with the site's theme, including both light and dark modes.

Screenshots:

[github-actions]

Thanks for creating the issue in SkillWise!
Before you start working on your PR, please make sure to:

• ⭐ Star the repository if you haven't already.
• Pull the latest changes to avoid any merge conflicts.
• Attach before & after screenshots in your PR for clarity.
• Include the issue number in your PR description for better tracking.
  Don't forget to follow @PriyaGhosal – Project Maintainer – & @anuragverma108 – Project Collaborator – for more updates!

We're excited to see your contribution as part of Hacktoberfest 2024! 🎉
Happy open-source contributing!

[github-actions]

Thank you for creating this issue! 🎉 Your issue will soon be reviewed by Project Maintainers. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTING.md for guidelines on contributing to this project.