(feat) Improved field validation UX

[denniskigen]

Requirements

• This PR has a title that briefly describes the work done, including the ticket number if there is a ticket.
• 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 improves the appearance and behavior of various fields when they fail validation. Specifically, fields with invalid values now have an error outline indicating that their content is invalid. Additionally, various validation error messages and their equivalent locale-specific translations have been amended to communicate their intent more effectively. In summary:

• Fields with invalid values now have a visible error outline, indicating that their content is invalid.
• I've updated validation error messages to improve their clarity and effectiveness.
• I've updated locale-specific translations for validation error messages.

These improvements enhance the user experience by providing clear and specific feedback when fields fail validation, making it easier for users to understand and address validation issues.

Screenshots

Before (note the absence of styling around inputs that fail validation)

field-validation-ui-ux-before.mp4

After

field-validation-ui-ux.mp4

Related Issue

None

Other

None

[donaldkibet]

@denniskigen LGTM

[ibacher]

Thanks @denniskigen! This looks like a great improvement.

[denniskigen]

Thanks for the reviews!