ux: wrong icon used for wallet in top bar — replace icon and add text label for clarity

[Al629176]

Summary

The wallet icon in the left top bar uses a generic credit/debit card icon (▭ with lines) which does not clearly communicate "wallet". Users cannot easily identify what it does at a glance. Two fixes needed:

1. Replace the icon — use a wallet-specific icon (e.g. a bifold wallet or crypto wallet icon) instead of the generic card/payment icon currently shown
2. Add a text label — add a short label (e.g. "Wallet") beneath or beside the icon so its purpose is immediately clear, consistent with how other navigation items are labelled

Current State

The top bar shows (left to right): Home icon · [gap] · Card/payment icon · Settings gear · Collapse panel

The card icon (▭) is being used to represent Wallet — but it reads as "payments" or "billing" rather than "wallet", and has no label to clarify its purpose.

Expected State

• Icon replaced with a recognisable wallet icon
• Label "Wallet" added beneath or beside the icon
• Visually consistent with the styling of the home and settings icons

Acceptance Criteria

• Wallet icon in the top bar is replaced with an appropriate wallet-specific icon
• A text label ("Wallet") is displayed alongside the icon
• Change is consistent with the existing top bar icon style and spacing
• Tooltip on hover also reads "Wallet" (if tooltips are present for other icons)