fix(reorder-group): support custom components

[liamdebeasi]

⚠️ Give co-author credit to https://github.com/Gwe-n when merging.

Pull request checklist

Please check if your PR fulfills the following requirements:

• Tests for the changes have been added (for bug fixes / features)
• Docs have been reviewed and added / updated if needed (for bug fixes / features)
  • Some docs updates need to be made in the ionic-docs repo, in a separate PR. See the contributing guide for details.
• Build (npm run build) was run locally and any changes were pushed
• Lint (npm run lint) has passed locally and any fixes were made for failures

Pull request type

Please check the type of change your PR introduces:

• Bugfix
• Feature
• Code style update (formatting, renaming)
• Refactoring (no functional changes, no api changes)
• Build related changes
• Documentation content changes
• Other (please describe):

What is the current behavior?

Issue URL: resolves #19447

The parent container that gets dragged needs display: block in order for the transform values to render correctly. This is not a problem when just using ion-reorder and ion-item as both have display: block, but if you wrap these in a custom component the reorder effect breaks because that component does not have display: block.

What is the new behavior?

• Custom components now receive display: block when used inside of ion-reorder-group
• I also took this opportunity to migrate the other reorder group tests to playwright to better verify that I am not regressing any behavior.

Does this introduce a breaking change?

• Yes
• No

Other information