Add scroll to top feature

[Palmistry2310]

Description: We can implement a "Scroll to Top" button that allows users to quickly navigate back to the top of the page, enhancing user experience for long pages.

Requirements:
1 A button/icon that appears once the user scrolls down a certain distance.
2 Button should be fixed at the bottom-right corner of the screen.
3 When clicked, the page should smoothly scroll to the top.
4 Ensure the button is hidden when the user is near the top of the page.
5 The button design should match the website’s style and be mobile-friendly.

Design Considerations:

• Ensure mobile responsiveness and accessibility.
• Use a smooth scrolling animation.
• Consider the size, visibility, and contrast of the button for better UX.

Tasks:
1 Design the "Scroll to Top" button (icon, size, color).
2 Implement the button in HTML/CSS.
3 Add JavaScript for the smooth scroll functionality.
4 Set the button to appear only when the user scrolls down (e.g., 200px from the top).
5 Test the feature across different devices and browsers.
6 Ensure the feature does not interfere with other elements on the page.

@GarimaSingh0109 can you please assign this issue to me under the gssoc-ext, hacktoberfest-accepted and level labels?

[R-snehal]

Please assign this issue to me as well under the gssoc-ext, hacktoberfest-accepted and level labels?

@GarimaSingh0109
Thank You