Groups within groups take up space when they're hidden

[SindreKjelsrud]

Description of the bug

I tried adding indented-groups within a panel-group in one of our forms. Below is a screenshot of the outcome, where you can see that the groups still take up space even when they're hidden.

Steps To Reproduce

1. In any form, create a new group using the panel-groupIndicator and fill it with some elements as below.

{
  "id": "gruppePlanlegging",
  "type": "Group",
  "children": [
    "skalPlanlegge",
    "nabolag",
    "skriftligVarsel",
    "opplegg"
  ],
  "groupingIndicator": "panel"
},

2. Add a rule in RuleConfiguration.json to hide the elements when the panel-groups first element - which are RadioButtons - is selected as "No".

3. Create some more groups, like 5, with the indented-groupIndicator containing some questions, as shown below.

{
  "id": "opplegg",
  "type": "RadioButtons",
  "textResourceBindings": {
    "title": "opplegg"
  },
  "dataModelBindings": {
    "simpleBinding": "model.opplegg"
  },
  "options": [
    {
      "label": "ja",
      "value": "Ja"
    },
    {
      "label": "nei",
      "value": "Nei"
    }
  ],
  "required": true
},
{
  "id": "gruppeOpplegg",
  "type": "Group",
  "children": [
    "oppleggKommentar"
  ],
  "groupingIndicator": "indented"
},
{
  "id": "oppleggKommentar",
  "type": "TextArea",
  "textResourceBindings": {
    "title": "oppleggKommentar"
  },
  "dataModelBindings": {
    "simpleBinding": "model.oppleggKommentar"
  },
  "required": true,
  "readOnly": false,
  "hidden": ["notEquals", ["component", "opplegg"], "Nei"]
},

4. Add the indented groups into the panel-group.

{
  "id": "gruppePlanlegging",
  "type": "Group",
  "children": [
    "skalPlanlegge",
    "nabolag",
    "gruppeNabolag",
    "skriftligVarsel",
    "gruppeSkriftligVarsel",
    "opplegg",
    "gruppeOpplegg"
  ],
  "groupingIndicator": "panel"
},

5. See the error when the panel-group is hidden.

Additional Information

No response