Fix/drag preview bug on group with hidden children

[lassopicasso]

Description

This bug causes an incorrect visual representation of a group of elements that is hidden in a drag preview. It seems like it is related to Chrome since it happens on other frameworks beside dnd as well but works fine in Firefox. Maybe the ripple effect. In Material-UI, disabling the ripple can fix it.
In our case setting the translate(0) on the container also solves the issue.

Wrong dragPreview in Chrome

Related Issue(s)

• Odd behaviour in drag-n-drop with closed parent item #12075

Verification

• Your code builds clean without any errors or warnings
• Manual testing done (required)
• Relevant automated test added (if you find this hard, leave it and we'll help out)

Documentation

• User documentation is updated with a separate linked PR in altinn-studio-docs. (if applicable)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Comparison is base (2dd32f7) 87.98% compared to head (b1fc4a0) 87.98%.

Additional details and impacted files

@@           Coverage Diff           @@
##             main   #12164   +/-   ##
=======================================
  Coverage   87.98%   87.98%           
=======================================
  Files         981      981           
  Lines       14077    14077           
  Branches     1714     1714           
=======================================
  Hits        12386    12386           
- Misses       1480     1481    +1     
+ Partials      211      210    -1     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[ghost]

LGTM😄