[Feature]: Add "Scroll to Top" floating button for long pages

[kavin553]

✦ Is your feature request related to a problem?

Users browsing long pages need to manually scroll back to the top, which can be inconvenient on both desktop and mobile devices.

⟡ Describe the Proposed Solution

Introduce a floating "Scroll to Top" button.

Features:

• Appear after scrolling a certain distance.
• Smooth scrolling animation.
• Responsive positioning.
• Accessible keyboard navigation.
• Hide automatically when already at the top.

✦ Describe Alternatives Considered

Users can manually scroll to the top, but a floating action button provides a faster and more user-friendly experience.

🎨 Visual Mockup/Sketches (Optional)

⬆ Scroll to Top

(Floating button in the bottom-right corner)

⟡ Additional Context

This enhancement improves navigation and can be implemented entirely on the frontend.

[kavin553]

Hi Maintainers 👋

I'd like to work on this feature.

The implementation will add a responsive floating "Scroll to Top" button with smooth scrolling while maintaining consistency with the existing design system.

Please assign this issue to me.

Thank you! 🚀

[Yuvraj-Sarathe]

@kavin553, @vijaypatil477, I've read through the issue description for adding a "Scroll to Top" floating button for long pages and find it an interesting feature. I'm interested in contributing to this and would be happy to be assigned to work on it.