[ENHANCEMENT]: Improve Scroll-to-Top Button with Smooth Animation and Visibility Control

[vivekktrivedi06-hue]

🚀 Enhancement Request

❓ Problem

The current "Scroll to Top" button is always visible or lacks smooth interaction, which can feel intrusive and less polished.

💡 Proposed Solution

Enhance the scroll-to-top button with:

• Visibility only after scrolling down a certain distance
• Smooth fade-in and fade-out animation
• Smooth scrolling effect when clicked

🎯 Expected Behavior

• Button appears after user scrolls ~300px
• Smooth animation using CSS transitions
• Clicking the button scrolls smoothly to the top

🔧 Technical Suggestions

• Use window.scrollY to detect scroll position
• Use useEffect + useState
• Apply CSS transitions (opacity, transform)
• Use window.scrollTo({ top: 0, behavior: 'smooth' })

📌 Additional Context

This will improve UX and give a more modern feel to the interface.

[vivekktrivedi06-hue]

/assign

[github-actions]

Hi @vivekktrivedi06-hue, this issue has been successfully assigned to you! 🎉

Make sure to read our Contributing Guidelines and submit your PR within the GSSoC timeframe. Happy coding! 🚀