Add built in support for validation error messages on form fields

[robbieaverill]

In our dashboard we often have to use <TextField ... /> and add a custom span/div for validation errors. Ideally our form fields have a prop we can pass an error message to, and the field should render the error messages and change the variant/state/colour as necessary.

An example above where the validation error messages in the dashboard don't vertically line up when you have a helptip addon button on one of the fields - if this logic were contained in the UI library then we can fix that problem here one time instead of individually every time in the dashboard.