[ECO Bounty] iopay Wallet Address Text Overflow / Improper Line Breaking

Summary

The wallet address in the "Receive" modal does not fit within its designated container, causing the final character of the address to wrap to a new line. This breaks the visual integrity of the address and could lead to copy-paste confusion for the user.

Steps to Reproduce

1. Open the ioPay wallet.

2. Navigate to the "Receive" screen.

3. Select the "Web3" tab (standard 0x format).

4. Observe the displayed wallet address above the QR code.

Expected Behavior

The wallet address should be displayed on a single line, or if the screen is too narrow, it should either:

• Scale down the font size to fit (Dynamic Type).

• Use an ellipsis in the middle (e.g., 0x5d9d...465e8d).

• Break at a logical point that doesn't leave a single character isolated.

Actual Behavior

The address string 0x5d9d12c6d996cce9b6b4aadd8d3d4f81b0465e8d is too long for the container width. The final character "d" is forced onto a second line, centered alone beneath the rest of the address.

Visual Details

• Address displayed: 0x5d9d12c6d996cce9b6b4aadd8d3d4f81b0465e8 d

• Location: Top of the QR card component.

Impact

• Low-Medium (UI/UX): It looks unprofessional and may cause a user to doubt if they have copied the full address correctly if they are manually highlighting text.

• Accessibility: Screen readers or automated tools might interpret the final "d" as a separate string if not handled correctly in the code.

Suggested Fix

• CSS/Style Fix: Implement word-break: break-all; with a slightly smaller font size or padding adjustments on the container.

• Abbreviation: Use a standard "Middle-Truncation" format for the display text while keeping the "Copy" function linked to the full string.

Wallet Address: io1tkw393kejmxwnd454twc6020sxcyvh5dxqmren

Device & Environment:

-Operating system: Android 13

-Device model: Redmi Note 10 Pro