Add UI/UX enhancement for form validation.

[anandbaraik]

What is this issue related to?

Enhancement

Description

When form validation fails. The message for the respective input field is shown but not below the input field, which can enhance the UI/UX for the user. Right now, a failure message is shown above/below the form.

Expected Behavior

A validation failure message should be shown just below the input field. For example, see below screenshot-

Current Behavior

A validation failure message is shown just above/below the form. For example, see below screenshot-

Additional Information (optional)

• Visit contact us/profile/dashboard etc. page and try submitting the form.
  • Consider adding validation message below input field to enhance UI/UX for the user.

Confirmation Checklist

• [X] I have searched for similar issues before creating this one.
• [X] I have provided all the necessary information to understand and reproduce the issue.

[asharma991]

Hey @aps08, please assign this to me. I'm halfway through it. Implemented everything, just need to modify tests now.