Navbar Scrolling and Dark Mode Functionality Not Working

[Aman-G-upta]

While using the website, I encountered two issues with the navigation bar and dark mode functionality:

Navbar Scrolling Behavior:

The navigation bar scrolls upwards as the page scrolls, making it disappear from view. This impacts the user experience as they have to scroll back up to access navigation options.
Proposed Solution: Implement a "sticky" or "fixed" navbar, so it remains visible at the top of the page as the user scrolls down.
Dark Mode Toggle Not Functioning:

The dark mode toggle in the navigation bar does not apply any changes to the website's theme when clicked.
Proposed Solution: Ensure that the dark mode toggle correctly switches between light and dark themes. This may involve fixing JavaScript or CSS handling the dark mode functionality.

Steps to Reproduce
Visit the website: top-secrets.onrender.com
Scroll down to observe the navbar disappearing from view.
Click on the dark mode toggle icon in the navbar and note that it doesn’t change the theme.

Expected Behavior
Sticky Navbar: The navigation bar should remain at the top of the page even when scrolling.
Dark Mode: The theme should change when the dark mode toggle is activated, applying appropriate styles for a dark color scheme.

[github-actions]

Hey, @Aman-G-upta welcome to Top_Secrets repository.🎊 Thank you so much for taking the time to point this out.🙌