fix: Show required field text and red outline after user attempt

[OsauravO]

Pull Requests Requirements

• The PR title includes a brief description of the work done, including the
  Issue number if applicable.
• The PR includes a video showing the changes for the work done.
• The PR title follows conventional commit label standards.
• The changes confirm to the OpenElis Global x3 Styleguide and design
  documentation.
• The changes include tests or are validated by existing tests.
• I have read and agree to the Contributing Guidelines of this project.

Summary

Screenshots

Before

After

Screencast.from.2025-02-20.15-45-38.mp4

Related Issue

#839

Other

[Add any additional information or notes here]

[mozzy11]

The errors should show after a field is changed not after submiting

[OsauravO]

done

[adityadeshlahre]

@OsauravO cypress CI test is failing can you check once locally! and update changes to fix it!

npm i && npm run cy:run

also, can you check if this form need any changes! { see below } while creating new patient

[OsauravO]

@adityadeshlahre will do it in another PR