New "InputWrapper" component

[mimarz]

Undecided on name, but I suggest we need a "inputWrapper" or "Field" like component which handles adornments, helpertext, label, meta and such for encompassing Input.

We currently have Search, Autocomplete, TextField, which all have different implementations of how an input is rendered along with its helpertext (or not), adornments, labels etc.

This makes it harder to maintain, ensure consistency and proper a11y.

We also have several pending issues which could easily be solved by standardising with a InputWrapper;

• Autocomplete with readOnly cut off text #2294
• Select components: Add helpertext - document variant property #1660
• Add possibility to place icon to left side of input for TextField #1209
• Masked inputs / customizeable input fields #1003 (maybe)

Goals

• Investigate what features this component should have
  • Textfield has a similar component internally which might be extracted and used
• Check wether this can be used for Radio, Checkbox & Switch
• Make it easy to use our "form" components in forms

Notes

• Similar components in other libraries
  • Mantines InputWrapper: https://mantine.dev/core/input-wrapper/
  • Mui's FormControl: https://mui.com/material-ui/api/form-control/

[mimarz]

Converted this to epic as we have a few sub-tasks and testing that needs to be done with this change, aswell as created seperate branch for all work on this feat/2336-inputwrapper.

[nilsml]

I think we should move the PR's connected to this Epic to an issue instead