feat: Align with the new design in form for inline error display

[alanlong9278]

Description

Align with the new design in form for inline error display

Discussion

• Show detail error message.(Now the error message is fixed)
• Notification level. (Now only show error message, but notification message has 2 levels in notification page: warninig & error).

Task Item

closes #1623

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Code refactor (non-breaking change which improve code quality, clean up, add tests, etc)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Doc update (document update)

Checklist

• I have added tests that prove my fix is effective or that my feature works
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have functionally tested my change

Screenshots

[a-b-r-o-w-n]

How does this scale to all other form fields? We are not surfacing errors outside of the expression widget, but what happens when we do?

[a-b-r-o-w-n]

Also, I didn't see anything to handle lint warnings. The spec is that we display an error if present, then a warning.

[github-actions]

Coverage decreased (-0.03%) to 41.001% when pulling c8f95dd on julong/validation into 730433c on master.

[a-b-r-o-w-n]

Note: What this change does not do is surface errors for any arbitrary field in the form. Only LG, LU and expression errors are surfaced right now.