Fix Scroll to Top and Scroll to Bottom

[dhaselhan]

Describe the Bug
The state for "scroll to top" and "scroll to bottom" only updates when the user manually scrolls the page. Clicking the respective buttons does not immediately update the state, causing the buttons to display incorrect behavior.

Expected Behaviour
When users click the "scroll to top" or "scroll to bottom" buttons, the state should update immediately, ensuring the buttons function accurately and reflect the current scroll position.

Actual Behaviour
The state remains unchanged when users click the "scroll to top" or "scroll to bottom" buttons. It only updates when the user manually scrolls the page, creating an inconsistent user experience.

Implications
This behavior may confuse users and lead to unnecessary interactions. The buttons do not provide real-time feedback, potentially degrading the user experience and usability of the application.

Steps To Reproduce
User/Role: [e.g., Admin/User]

1. Navigate to a page with the "scroll to top" and "scroll to bottom" buttons.
2. Scroll the page manually and observe that the state updates as expected.
3. Click the "scroll to top" or "scroll to bottom" button.
4. Observe that the state does not update until the user scrolls manually.

Additional Note
Ensure the state updates immediately upon clicking the buttons, regardless of whether the user manually scrolls the page.