[BUG] Navbar Not Fixed on Scroll

[deepakcs2003]

Describe the bug
The navbar does not remain fixed at the top of the viewport when scrolling down the page, making it difficult for users to navigate.

To Reproduce
Steps to reproduce the behavior:

Go to the homepage of the application.
Scroll down the page.
Observe that the navbar disappears from the viewport.
See error: Navbar is not fixed and is hidden when scrolling.
Expected behavior
The navbar should remain fixed at the top of the viewport, allowing users to access navigation options at all times.

Screenshots before

Screenshots after fix

Checklist
I am contributing under GSSoC-ext
I follow contribution guidelines
Additional context
This issue affects user experience by making navigation difficult. Implementing a fixed navbar will enhance accessibility throughout the application.

[deepakcs2003]

I would like to work on the issue regarding the navbar not being fixed after scrolling. I believe I can implement a solution that improves the user experience.