[Feature] Add floating “Scroll to Top” button for better user experience

[aagmanpal]

🎯 Problem Description

Currently, the website does not provide a “Scroll to Top” button.
On pages with longer content, users must manually scroll back to the top, which impacts usability and accessibility.

🔍 Current Behavior

• No scroll-to-top or back-to-top button is available
• Users have to scroll manually to return to the top of the page

✅ Expected / Improved Behavior

• Add a floating “Scroll to Top” button (e.g., bottom-right corner)
• Button should appear after scrolling down a certain distance
• Button should be accessible from anywhere on the page
• Smooth scroll back to top on click

💡 Why This Improvement Matters

• Significantly improves user experience
• Common UX pattern in modern web apps
• Reduces unnecessary scrolling
• Helpful for users on mobile and smaller screens

🔧 Suggested Implementation

• Floating button positioned at bottom-right
• Show when scrollY > 300 (or similar)
• Use smooth scrolling:

• window.scrollTo({ top: 0, behavior: "smooth" });
  

🌐 Affected Page

• All pages

[aagmanpal]

@abhikalparya Kindly assign me this under ECWoC

[Harishchandra-26]

Assign this issue to me under EWoC. @abhikalparya

[Nirjala542]

@abhikalparya please assign this issue to me ...and please add the ECWOC label

[Piyush667-gif]

please assign me for this issues