Improve visual design for "Grid" when validation are shown

### Description

The layout of "Grid" behaves in unwanted ways:
1. The text in the column should be TOP-adjusted to maintain readability.
2. It should be possible to use the entire width of a column even if innerGrid is used to adjust its length.


### Additional Information

Here is the code I used for the page layout for the screenshot:

` {
"id": "Group-grid-inni-gruppe-TEST",
"type": "Group",
"textResourceBindings": {
"title": "ra0481.S10_Dinntekt.Input-godsfrakt-egne-eller-innleide.header"
},
"children": [
"Grid-fordel-driftsinntekt-prosent-Reisecerteparti"
]
},
{
"id": "Grid-fordel-driftsinntekt-prosent-Reisecerteparti",
"type": "Grid",
"rows": [
{
"cells": [
{
"text": "ra0481.S10_Dinntekt.mellom.norsk.og.utenlandsk",
"width": "50%"
},
{
"component": "Input-godsfrakt-egne-eller-innleide-CZxqAP"
}
]
},
{
"cells": [
{
"text": "ra0481.S10_Dinntekt.mellom.utenlandske",
"width": "50%"
},
{
"component": "Input-godsfrakt-egne-eller-innleide-dWqrH4"
}
]
},
{
"readOnly": true,
"cells": [
{
"text": "ra0481.S10_Dinntekt.sum.tabell.totalt",
"width": "50%"
},
{
"component": "Input-godsfrakt-egne-eller-innleide-W5uROZ-Tot"
}
]
}
]
},
{
"id": "Input-godsfrakt-egne-eller-innleide-CZxqAP",
"type": "Input",
"dataModelBindings": {
"simpleBinding": "SkjemaData.f502_Drift.f502_InntEgneUtenriksPNU"
},
"required": true,
"autocomplete": "off",
"formatting": {
"unit": "percent",
"number": {
"allowNegative": false,
"decimalScale": 0
}
},
"grid": {
"innerGrid": {
"md": 5
}
},
"textResourceBindings": {
"title": "ra0481.S10_Dinntekt.Input-godsfrakt-egne-eller-innleide-CZxqAP.title"
}
},
{
"id": "Input-godsfrakt-egne-eller-innleide-dWqrH4",
"type": "Input",
"dataModelBindings": {
"simpleBinding": "SkjemaData.f502_Drift.f502_InntEgneUtenriksPUU"
},
"required": true,
"autocomplete": "off",
"formatting": {
"unit": "percent",
"number": {
"allowNegative": false,
"decimalScale": 0
}
},
"grid": {
"innerGrid": {
"md": 5
}
},
"textResourceBindings": {
"title": "ra0481.S10_Dinntekt.Input-godsfrakt-egne-eller-innleide-dWqrH4.title"
}
},
{
"id": "Input-godsfrakt-egne-eller-innleide-W5uROZ-Tot",
"type": "Input",
"dataModelBindings": {
"simpleBinding": "SkjemaData.f502_Drift.f502_InntEgneUtenriksTot"
},
"required": false,
"autocomplete": "off",
"formatting": {
"unit": "percent",
"number": {
"allowNegative": false,
"decimalScale": 0
}
},
"readOnly": true,
"showValidations": [],
"grid": {
"innerGrid": {
"md": 5
}
},
"textResourceBindings": {
"title": "ra0481.S10_Dinntekt.Input-godsfrakt-egne-eller-innleide-W5uROZ.title"
}
},`

Start by locating the Grid component and its validation rendering, then reproduce the layout using the configuration and screenshot in the issue, including inputs with innerGrid md: 5. Done means Grid text is top-aligned and a column can use its full width despite innerGrid; verify the resulting layout with validation messages visible.

Written by the indexing model from the issue text.