Display the error highlight when question has an invalid value

[latin-panda]

Description

Display the error highlight when the question is required, the form has not been submitted yet, and there was a value before that got removed. Currently, the highlight isn't applied, and just the error message appears:

The idea is that it always shows the highlight like this:

---

Checklist

• Does it need UI/UX design?
  • If yes, describe the UI/UX requirements or attach a Figma link in the "Design" section.
• Does it need API design?
  • If yes, specify the endpoints, methods, or data structures needed.
• Does it need design around state flow?
  • If yes, outline the state flow requirements.
• Does it need a test plan?
  • If yes, add the test plan as a comment in this task or attach the document.

---

User Stories

• As a data collector,
  I want to notice when a field has an invalid value easily whenever I set a new value,
  so that I can fix it promptly.

---

Design

NA

---

Dependencies

None

---

Additional Notes

• It was raised and discussed in this PR: Engine support for instance attachments; Integrate image upload UI #363 (comment)

[VINODvoid]

@latin-panda can u assign me this issue

[latin-panda]

Hi @VINODvoid, Thanks for picking this up! Post here any questions related to the task.

[Guggilam-sai-prabhat]

@latin-panda , I noticed there's been no progress pushed yet. If it's not done, please let me know—I'm available to handle it

[latin-panda]

It's been three weeks, so I am leaving it unassigned for now.