Filtered replace element options to avoid losing children.

[seanparsons]

Problem:
It's possible to define components which include their own children, but swapping a particular element with those will result in the original children of the element being lost.

Fix:
The main crux of this is just a check (in the two most appropriate places they appeared to apply) which checks if the following conditions hold:

• The element is being replaced, instead of fully swapped out.
• The current element has child elements..
• The new element also defines its own child elements.
  If all of those conditions hold then the component definition is excluded from the listing.

Commit Details:

• Added componentElementToInsertHasChildren function.
• Adapted preferredChildrenForTarget to perform the filtering which removes components that wont preserve children.
• Added getTargetParentFromInsertionTarget function.
• Adapted ComponentPickerContextMenuFull component to perform the filtering which removes components that wont preserve children.

Manual Tests:
I hereby swear that:

• I opened a hydrogen project and it loaded
• I could navigate to various routes in Preview mode

Fixes #5650

[github-actions]

Try me

[relativeci]

#12439 Bundle Size — 62.54MiB (~+0.01%).

55dd881(current) vs 6339ece master#12438(baseline)

Warning

Bundle contains 58 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current #12439	Baseline #12438
Initial JS	45.6MiB(~+0.01%)	45.6MiB
Initial CSS	0B	0B
Cache Invalidation	21.8%	21.78%
Chunks	31	31
Assets	34	34
Modules	4386	4386
Duplicate Modules	511	511
Duplicate Code	30.82%	30.82%
Packages	468	468
Duplicate Packages	58	58

Bundle size by type   2 changes 1 regression 1 improvement

	Current #12439	Baseline #12438
JS	62.53MiB (~+0.01%)	62.53MiB
HTML	10.94KiB (-0.34%)	10.98KiB

---

Bundle analysis report Branch feature/filtered-replace-element... Project dashboard

[github-actions]

Performance test results: