Feature - Back-to-Top Button to Website

Issue Description:

Currently, the website lacks a "Back to Top" button, which can negatively impact user experience on long-scroll pages. Without this feature, users have to manually scroll back up, which isn't optimal on large screens or mobile devices.

Proposed solution:

I would like to implement a Back-to-Top button that:
Appears after the user scrolls down a certain portion of the viewport
Has smooth scroll behavior
Is animated
Remains responsive and accessible
The button will be styled using Tailwind CSS and use an arrow icon

Example interaction:

User scrolls past 50% of the page height → button fades in
User clicks the button → page scrolls smoothly to the top

Hello @hammadii123 ,
I would like to implement this feature as part of GSSoC '25.
Plz assign me this issue.