(feat) O3-4221: Use react hook form and zod in the queue service form

[Muppasanipraneeth]

Requirements

• This PR has a title that briefly describes the work done including the ticket number. If there is a ticket, make sure your PR title includes a conventional commit label. See existing PR titles for inspiration.
• My work conforms to the OpenMRS 3.0 Styleguide and design documentation.
• My work includes tests or is validated by existing tests.

Summary

This PR refactors the existing form validation logic to use Zod, a TypeScript-first schema validation library. The refactor provides the following benefits:

• Type-safe validation: Ensures better alignment with TypeScript types.
• Simplified logic: Reduces the complexity of form validation.
• Improved developer experience: Allows for inline schema definitions.
• Reduced boilerplate: Removes manual validation code.

Key Changes

1. Introduced a zod schema to define form validation logic.
2. Replaced manual validation processes with schema-based validation.
3. Updated test cases to align with the new Zod-based validation approach.

Screenshots

See below in PR thread

Related Issue

• O3-4221

Other Notes

• Minimal impact on the behavior of existing components.
• Performance improvements by leveraging Zod's efficient validation mechanisms.

[denniskigen]

Great start, @Muppasanipraneeth. Left a few comments that should be straightforward to address.

[Muppasanipraneeth]

@denniskigen as you said made changes

[denniskigen]

Thanks for getting this off the ground, @Muppasanipraneeth. I've left some comments.

[Muppasanipraneeth]

This is before using Carbon's built-in error handling means while using InlineNotification

Screen.Recording.2024-12-22.at.10.08.20.PM.mov

This is after using Carbon's built-in error handling

Screen.Recording.2024-12-22.at.10.04.52.PM.mov

[Muppasanipraneeth]

@denniskigen

[denniskigen]

LGTM. Thanks!

[Muppasanipraneeth]

Thanks @denniskigen

[gracepotma]

Thank you very much @Muppasanipraneeth for this work - I especially appreciated your detailed PR description and the before vs after videos :D Keep up the good work!

[Muppasanipraneeth]

Thank you very much @Muppasanipraneeth for this work - I especially appreciated your detailed PR description and the before vs after videos :D Keep up the good work!

@gracepotma thanks for appreciating and for your time😊