web-wallet: Update Balance Layout for Mobile View in Web Wallet

[nortonandreev]

Description

The Balance layout in the Web Wallet needs adjustments to enhance its display on mobile devices.

Specifically, the following updates are required:

1. Overall Balance:

• Decrease the font size to ensure it fits properly on smaller screens.

2. New Balance Component (showing Moonlight and Phoenix balances separately):

• Reduce the font size for better readability on mobile.
• Adjust the layout so that the information on the right moves to a new line, as it was previously displayed.

Acceptance Criteria

• The overall balance displays correctly without overflowing on mobile screens.
• The Moonlight and Phoenix balances are readable and properly aligned, with right-side information placed on a new line.