Inconsistent sizes / styles

[mlqn]

Description

Here is a non-exhaustive list of style inconsistencies

• [ ] Field sizes

A solution could be to to set the default size of our Studio components (StudioTextField, StudioTextarea, etc.) to small, as we did for buttons.

Form editor	Data model editor
	

• [ ] Icon sizes

A solution here could be to set the font-size of the icons of the buttons to a larger size (e.g. font-size: 1.3em), as they do in designsystemet. We should also probably create a StudioIcon component and set the size to small.

Form editor	Settings
	

• [ ] Text sizes

This should be fixed by the solution suggested for the field sizes

Settings

• [ ] Alert margins and font sizes

Form editor	Data model editor	Process editor
		

Additional Information

No response

Tasks

No response

Acceptance Criterias

No response

### Tasks
- [ ] Replace DesignSystem components with Studio components (e.g `<StudioTextField />` instead of `<TextField />`)
- [ ] Set the size of all Studio components to small
- [ ] https://github.com/Altinn/altinn-studio/issues/12034

[wrt95]

Investigate all areas this is relevant for, and create separate issues for the different cases. We should create studio-components where needed. Designsystemet is using medium as default size, but we use small - This should be set in the studio-component.

• We also need a wrapper around the Link component that accepts size as a prop as it does not do that now. We should also have a studio-token in studio-components that are exported and can be used, e.g., studio-alert-padding which is the padding around the alerts used in studio.