[FRONTEND] Add client-side form validation to vaccination issue form

[dev-fatima-24]

Priority: high

Description

The vaccination issue form on the Issuer Dashboard submits without validating required fields, date formats, or wallet address format. Client-side validation should catch errors before the API call.

Acceptance Criteria

• All required fields show inline error messages when left empty on submit
• Wallet address is validated against Stellar public key format (starts with G, 56 chars)
• Date field rejects future dates
• Vaccine name field enforces a minimum of 2 characters
• Form cannot be submitted while any validation error is active

[SamixYasuke]

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

Hi maintainer, I’d add client-side validation to the vaccination issue form to prevent invalid submissions before hitting the API. This includes required-field checks with inline error messages, Stellar wallet validation (G-prefixed 56-character format), future-date rejection for the date field, and a minimum 2-character rule for vaccine name. I’d also disable form submission while any validation errors are present to ensure clean, predictable input.

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

[jerrymusaga]

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

Hello! Please I will like to work on this issue

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

[samad13]

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

hi, let me work on this for you

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

[Favourof]

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

I would like to work on this issue.

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

[devSoniia]

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

please assign

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

[drips-wave]

Congratulations, @devSoniia! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 2, 2026.

🧑‍💻 @devSoniia: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊