Resizable should extend a few px outside the component's bounds

[sudara]

This might not be trivial to fix, but would improve UX.

So step 1 is to just investigate if a fix is possible, or a headache.

Right now the interactive area of the resizable box in the overlay ends at the component's bounds.

This is unideal and makes resizing fiddly.

This has a side effect of making the hover state of a parent component too easily triggered — the parent hover is not cleared until the mouse moves all the way back inside the component beyond the inner edge of the resizable.