BUG: Navbar Alignment and Toggle Visibility Issue on Careers Page

[akshay0611]

Preliminary Check

• [X] I have searched the existing issues
• [X] This issue is reproducible

Bug Summary

The light-to-dark mode toggle switch was not visible on the Careers page due to navbar alignment issues. After fixing the navbar, the toggle switch became visible, and the navbar elements were properly aligned. Additionally, items such as Courses, Trends, Tools, Blogs, Quiz, Games, and MAPS were moved under an "Explore More" dropdown, ensuring consistency across all pages.

Steps to Reproduce

1. Open the Careers page (careers.html) in a browser.
2. Observe the navbar alignment.
3. Notice that the light-to-dark mode toggle switch is not visible.
4. Check for the inconsistency in the placement of items like Courses, Trends, Tools, Blogs, Quiz, Games, and MAPS across pages.

Expected Behavior

• The light-to-dark mode toggle switch should have been visible and functional without alignment issues in the navbar.
• Items such as Courses, Trends, Tools, Blogs, Quiz, Games, and MAPS should be consistently placed under "Explore More" across all pages.

Screenshots/Logs

Before Fix:

• Navbar misaligned.
• Light-to-dark mode toggle switch not visible.
• Items like Courses, Trends, Tools, Blogs, Quiz, Games, and MAPS not grouped under "Explore More."

After Fix:

• Navbar properly aligned.
• Light-to-dark mode toggle switch visible and functional.
• Items grouped under "Explore More" for consistency.

Additional Information

• [X] I agree to follow this project's Code of Conduct
• [ ] I'm a GSSOC'24 contributor
• [X] I want to work on this issue
• [X] I can provide more details if needed

[github-actions[bot]]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀