[FEATURE] Visual Feedback: Type Badge, Warning Tooltips, and Memo Toggle

[codeZe-us]

Add visual indicators to the input component: an address type badge, warning tooltips, and an auto-toggling memo field.

Contribution Guide

• PRs go to the dev branch, not main
• Please application must explain a short specific approach to this task
• PR description must clearly describe what you built and changed
• Link your PR to the correct issue number

Implementation Guidelines

• Key files: src/AddressInput.tsx, src/components/TypeBadge.tsx, src/components/WarningList.tsx, src/components/MemoField.tsx
• Update the demo app to show the full component with memo field enabled.

Expectations

• What done looks like: Pasting an M-address shows a purple "M" badge and hides the memo field. Pasting a G-address shows a blue "G" badge and the memo field. Pasting a C-address shows an orange "C" badge, hides memo, and displays any warnings. The component is visually clean and works on both desktop and mobile viewports.
• Discord for questions: codeze_us

[eischideraa-unn]

@eischideraa-unn has applied to work on this issue as part of the Stellar Wave Program's 5th wave.

Hello Maintainer, I’d love to work on this issue. I’m experienced with solving similar problems, writing clean code, and understanding existing systems quickly.

For this issue, I’d approach it by identifying the root cause, implementing fixes that aligns with the current architecture, and testing properly to avoid regressions.

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

[Chrisland58]

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

hi maintainer i will like to work on this issue

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