Prevent click outside for radix select inside inspector modal

[ruggi]

Problem:

RadixSelect components inside inspector modals don't actually respect their click outside handling, causing the modal to close down, moving focus back to whatever is behind, e.g. the canvas.

Fix:

The problem is that this happens because RadixSelects are rendered in their own portal, which interferes with the one created by the inspector modal.
I tried multiple ways, e.g. setting the onPointerDownOutside prop of the Radix component itself, but it does not work. The only thing that seems to be working is adding an overlay div in the component's content itself, which will handle closing the select gracefully (see the recording please).

Before	After

Fixes #6590

[github-actions]

Try me

[relativeci]

#14931 Bundle Size — 57.98MiB (~+0.01%).

13cad3d(current) vs 916e8b9 master#14928(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current #14931	Baseline #14928
Initial JS	40.96MiB(~+0.01%)	40.96MiB
Initial CSS	0B	0B
Cache Invalidation	18%	0%
Chunks	20	20
Assets	22	22
Modules	4152	4152
Duplicate Modules	213	213
Duplicate Code	27.33%	27.33%
Packages	477	477
Duplicate Packages	70	70

Bundle size by type   2 changes 1 regression 1 improvement

	Current #14931	Baseline #14928
JS	57.97MiB (~+0.01%)	57.97MiB
HTML	7.37KiB (-0.25%)	7.39KiB

Bundle analysis report Branch fix/prevent-click-outside-react-... Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}