[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

[github-actions]

📌 Thanks for reporting an issue!

Please ensure you have:

• Searched for existing issues to avoid duplicates.
• Included steps to reproduce (if reporting a bug).
• Described the expected vs actual behavior.
• Provided any relevant logs or screenshots.

We will look into this as soon as possible.

[aagmanpal]

@Akash-nath29 Please assign me this issue under ECWoC

[Akash-nath29]

Assigned to you @aagmanpal