Description:
Issue Summary:
The website currently lacks a scroll button, which affects user experience, especially on pages with long content. Without a scroll button, users may find it inconvenient to navigate back to the top of the page after scrolling down.

Expected Behavior:
A scroll button should appear when the user scrolls down a certain amount from the top of the page. The button should be clearly visible, preferably positioned in the bottom-right corner, and have a noticeable style (e.g., a small arrow pointing upwards) to make it easy for users to recognize.

Functionality:

• The scroll button should only appear once the user has scrolled down past a certain threshold (e.g., 200px from the top).
• When clicked, the button should smoothly scroll the page back to the top.
• It should disappear when the user is already at the top of the page or before they scroll down.

Design Considerations:

• The button should be styled in a way that is consistent with the overall design of the website, but also stand out enough to attract attention.
• The button should have a smooth transition effect when appearing, disappearing, and when the scroll occurs.
• Accessibility should be taken into account (e.g., adding a label for screen readers).

Technical Details:

• You may consider using JavaScript or a CSS-based solution to handle the scroll button's appearance and functionality.
• The button should ideally be responsive and work across various screen sizes and devices.

Steps to Reproduce:

1. Open the website.
2. Scroll down the page.
3. Notice that there is no scroll button to navigate back to the top.

Expected Result:
The scroll button should appear after scrolling down, allowing the user to return to the top of the page.

Actual Result:
No scroll button is present.

Preview