Make Header Floating for Improved Navigation

[akash933]

We would like to enhance the user experience by making the top header of our application floating. This means that as users scroll down the page, the header should remain fixed at the top of the screen, ensuring that navigation options are always accessible.

Acceptance Criteria:

1. The header should stay visible at the top of the viewport during scroll.
2. The transition should be smooth without affecting the overall page performance.
3. The design should remain responsive and look good on all screen sizes.
4. This feature will improve usability and help users navigate more efficiently.

[rudrakshass]

Hi there! I can help with this issue. Could you please assign it to me? Looking forward to contributing!