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

[aagmanpal]

Describe the feature

🎯 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

Add ScreenShots

✅ 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
• Website: https://divinora.vercel.app/

Record

• I agree to follow this project's Contributing.md
• I'm a PWOC contributor
• I want to work on this issue

[github-actions]

Thank you for creating this issue! 🎉 @SUGAM-ARORA @Ojas-Arora will look into it as soon as possible. In the meantime, please make sure to provide all the necessary details and context. If you have any questions or additional information, feel free to add them here. Your contributions are highly appreciated! 😊

You can also check our CONTRIBUTE.md for guidelines on contributing to this project.

[Harishchandra-26]

Assign this issue to me.

[KUMARI-SONALIUPADHYAY]

Hi @aagmanpal 👋
I’d like to work on this issue.
I will follow the repo guidelines and submit a PR soon.
Please assign it to me 🙌

[aagmanpal]

@Ojas-Arora @SUGAM-ARORA Please anyone kindly assign me this issue under ECWoC