[Feature] Add Back-to-Top Button for Improved Navigation

[krishnendu07-code]

Problem

Users need to manually scroll back to the top of the page after navigating through long content sections. This can be inconvenient, especially on mobile devices and pages containing multiple cards, analytics sections, or lecture content.

Proposed Solution

Add a floating "Back to Top" button that:

• Appears after the user scrolls down a certain distance.
• Smoothly scrolls the page back to the top when clicked.
• Remains accessible on both desktop and mobile devices.
• Matches the existing UI theme and styling.

Expected Behavior

1. User scrolls down the page.
2. A Back-to-Top button becomes visible.
3. Clicking the button smoothly scrolls the page to the top.
4. The button hides again when near the top.

Benefits

• Improved user experience.
• Easier navigation on long pages.
• Better accessibility for mobile users.

Additional Notes

The button should be responsive and should not overlap important UI elements.

[krishnendu07-code]

@rishima17 Hi , I'd like to work on this issue as part of SSoC 2026. I have prior experience implementing a responsive Back-to-Top button in other open-source projects and would like to take this up. Please assign it to me. Thank you!