Wrong placement for icon in Text component

### Description of the bug

The icon shown in `Text` is placed before `value` instead of `title`.
The expected behaviour is that the icon is placed before `title` as depicted in https://github.com/Altinn/app-frontend-react/issues/2170

### Steps To Reproduce

1. Add a `Text` component with an icon to a layout page. E.g.:
```json
{
"id": "ComponentID",
"type": "Text",
"textResourceBindings": {
"title": "Title"
},
"value": "value",
"icon": "Buildings3.svg",
"direction": "horizontal"
}
```

### Additional Information

Vertical direction:

Horizontal direction:

Expected behaviour (from https://github.com/Altinn/app-frontend-react/issues/2170):

Start by locating the Text component and reproducing the supplied layout configuration with an icon in both vertical and horizontal directions. Compare the current placement with the expected images; done means the icon appears before the title rather than before the value in each direction.

Written by the indexing model from the issue text.