Improvements for validation

[mrosvik]

Introduction

There are several improvements that should be done for the validation messages to increase the user experience. Some of them are a result of validation messages being displayed in tables, others are more generic to simplify the user's task.

This is a collection of issues related to validation messages.

• Marking required fields
• New design for error messages connected to user inputs
• Present better error messages for required fields
• Move error message box to the bottom
• Hide error message when the content is corrected by user

Design

New design, 17.03.2022 https://www.figma.com/file/Pvti3aRcOwH0k5Z7DrLznk/Arbeidsomr%C3%A5de%3A-Altinn-Studio-APPS?node-id=2545%3A50628

https://user-images.githubusercontent.com/1464915/158818665-b4ebd81e-7acc-41bc-9256-adfa7578dfc6.mov

[xmrsa]

I'm having trouble with a required "*" ending up on a line all by itself. It looks like there still should be space for it, but wordwrap makes it go on its separate line. It looks pretty bad.