[FEATURE]:Top Scroll Button Implementation

[RachitSahu26]

Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

I'm always frustrated when I'm reading content on long pages and have to scroll back to the top manually. It disrupts my reading flow and can be annoying, especially on mobile devices.

Describe the solution you'd like A clear and concise description of what you want to happen.

I would like to implement a "Top Scroll Button" that appears when the user scrolls down the page. Clicking this button should smoothly scroll the page back to the top, improving the overall user experience.

Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

An alternative solution could be to add keyboard shortcuts for scrolling to the top, but I believe having a visible button is more user-friendly, especially for those who may not be aware of keyboard shortcuts.

Additional context Add any other context or screenshots about the feature request here.

This feature could significantly enhance navigation on our website, especially on content-heavy pages. Implementing smooth scrolling will make it feel more polished. I suggest considering libraries like react-scroll or native JavaScript for smooth scrolling effects.

[RachitSahu26]

Assign me i would like to work on it @himeshparashar

Thank you