Validation error is annoying

Nobody has claimed this yet.

### Bug explanation


Firstly I would like the validation error to be placed to the left like in this picture(i edited in paint)without the padding on the left.

Secondly, I would like the error message to be capped at max the line width of the input.(one line) as seen in the picture below.

if the error message is to big, then make the error message line a dropdown that opens on click or hover to show the whole message(or contained in a scrollview??)....

In any case, the issue(bug) which is very annoying, is the fact that the error message container currently has padding on the left, comes on top of other content(as seen in the first picture) instead of taking up its own space, and thus pushing the content below down.

Can this be changed in an error message container that is permanent there, but toggles visibility to collapsed if there is
no error to be shown? preferably an error message container that expands(if error message is to long)
kind of like the expanders

### Version

4.8.1

The issue does not name a file or test; start by locating the validation error container used by the toolkit's WPF controls. Compare its current padding, layout, visibility, and text-wrapping behavior with the requested screenshots. Done means validation messages occupy their own space, align without the unwanted left padding, and handle long text as an agreed expandable or constrained display.

Written by the indexing model from the issue text.