This pull request includes a significant change to the Navbar component in components/navbar.tsx. The main change involves replacing the useScrollTop hook with a custom scroll event listener to manage the scrolled state.

Changes to Navbar component:

• components/navbar.tsx: Replaced the useScrollTop hook with a custom scroll event listener using useState and useEffect to manage the scrolled state. This change ensures that the scrolled state is updated based on the window's scroll position.

Before (when loading page when already scrolled):

After: