web-wallet: Display a Special State for Empty Account Balances on the Allocate Page

[nortonandreev]

Description

In the Allocate page, users might encounter confusion when the total balance for their account is empty. Displaying the standard UI in this scenario may not be useful, as users cannot perform any actions without a balance.

Proposed Solution

• Display a special state when the total balance for the account is 0.
• Include helpful information on this screen to guide users on how to add funds to their account, such as utilizing the Receive functionality or other relevant methods (the faucet for Testnet, for example).
• Ensure the special state is clear and engaging, reducing potential user confusion.

Benefits

• Enhances user experience by preventing unnecessary interaction with a non-functional UI.
• Educates users on how to populate their account balance, improving engagement with the app's functionality.

Acceptance Criteria

• The Allocate page displays a unique state when the account balance is 0.
• The special state provides clear and actionable information on how to add funds to the account.
• Ensure the design and wording align with the overall app UX guidelines.

[nortonandreev]

This won't be needed if we decide to tackle #3100.