web-wallet: Top of Dashboard UI Cut Off After Returning from a Mode in Web Wallet

[nortonandreev]

Description

There is an intermittent bug in the Web Wallet where part of the dashboard UI is cut off after returning from a specific mode (e.g., Receive, Stake, etc.). If the user scrolls down within a mode to access the back button and navigates back to the dashboard, the top of the page (including the balance and address picker) is missing.

Visuals

Steps to Reproduce

1. Open the Web Wallet.
2. Navigate to a mode, such as Receive or Stake.
3. Scroll down within the mode until the back button is visible.
4. Use the back button to return to the dashboard.
5. Observe that the top part of the dashboard (balance and address picker) is not displayed.

Expected Behavior

The top of the dashboard, including the balance and address picker, should be fully visible when returning from a mode.

Actual Behavior

The top part of the dashboard is missing after returning from a mode where scrolling occurred.

Impact

Users are unable to see critical information like their balance and address picker upon returning to the dashboard, leading to confusion and poor usability.

Proposed Solution

• Ensure the UI resets correctly to show the entire dashboard after navigating back from any mode.
• Investigate the scrolling behavior and ensure the scroll position is reset upon redirection to the dashboard.
• Add a visual layout check to ensure the top section is always rendered.

Acceptance Criteria

• The top of the dashboard is fully visible after returning from any mode.
• Scroll position is correctly reset when navigating back to the dashboard.
• The fix works consistently across all modes and supported browsers/devices.