Translation QA for long strings and mobile overflow

[Kalebtron1]

Why this matters

Some languages break layout even when the translation itself is correct.

Problem

Long localized strings can clip buttons and cards on narrow widths.

Scope

• Test translated screens on mobile widths.
• Fix wrapping and spacing issues.
• Keep the visual style stable across languages.

Setup Steps

• Clone the repository and run npm install at the repo root.
• Run npm run dev at a mobile-sized viewport.
• Run npm run build to confirm the layout fix does not break compilation.

File Paths

• src/pages/Login.tsx
• src/pages/Onboarding.tsx
• src/components/WalletSetupModal.tsx
• src/components/CreditSection.tsx
• src/components/BottomNav.tsx

Implementation guidance

• Review the translated views that are most likely to overflow.
• Fix only the layout issues exposed by translated strings.
• Keep the changes minimal and layout-safe.

Acceptance criteria

• PR eliminates overflow or clipping in the tested translated screens.
• Reviewer can reproduce the mobile layout and see the fix.
• The PR notes which breakpoints were verified.

Validation

• Run the app in a small viewport and inspect translated screens.
• Verify buttons, cards, and alerts remain usable.

PR requirements

• Include Closes #72.
• Include before/after behavior notes.

Complexity

• Medium (100 points)

[gitGolf]

@gitGolf has applied to work on this issue as part of the Stellar Wave Program's 7th wave.

hello maintainer, pls assign this task to me. I have experience in solving this kind of task.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @gitGolf to this issue.

[gloskull]

Hi maintainer, i'm still open to work on this issue. Please do assign.

[yellowmam77]

@yellowmam77 has applied to work on this issue as part of the Stellar Wave Program's 8th wave.

Hi Maintainer! I'm a senior developer with experience building high-quality, production-ready software. I'd love to take on this issue and deliver a clean, well-tested solution that aligns with the project's standards. Please assign it to me—I'm ready to get started and contribute effectively.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @yellowmam77 to this issue.