Feature Request 🛍️

Make the navbar sticky so it remains visible at the top of the page during scroll.

Use Case

When users scroll down the page, the navigation bar should remain fixed at the top. This improves usability by keeping navigation links accessible at all times.

Possible Solution

Use CSS position: sticky with top: 0 and z-index to ensure the navbar stays on top. Already implemented by adding the following style to the top-level <div> in Navbar.tsx

position: "sticky",
top: 0,
zIndex: 1000,

Context

Previously, users had to scroll all the way up to access navigation options. Keeping the navbar fixed enhances user experience and accessibility.

Detailed Description

Update the Navbar.tsx component to include position: sticky, top: 0, and zIndex: 1000 on the outermost container. This ensures the navbar remains at the top of the screen while scrolling, without overlapping or hiding behind other components.

Preview Suggestion

With Sticky Navbar

Without Sticky Navbar