[MISC][XY] Prevent Drawer from closing during text selection

[ninjasheeps]

Changes
Fixed issue where drawer would auto-close when users highlight text inside the drawer and drag their mouse outside of drawer

Changes:

• Added handleDocumentMouseDown listener to track interaction origin

• Updated handleWrapperClick to close drawer if both mousedown AND click happened outside of drawer

• delete branch

[qroll]

summing up our earlier discussion!

1. Modal and ModalV2 to implement this

    const childRef = useRef<HTMLDivElement>(null);
    const childWithRef =
        children && React.cloneElement(children, { ref: childRef });

    <Overlay containerRef={childRef}>
      // other code here
       {childWithRef} // instead of children
    </Overlay>

2. ModalV2.Card to forward the ref
3. Overlay to also restore the childWithRef logic
4. In Overlay's handleWrapperClick, the container will be containerRef?.current ?? childWithRef?.current

[qroll]

was updating the docs and realised the behaviour was still inconsistent on certain examples (e.g. on the Overlay stories)

I've tried tweaking the logic here: 7f1706b

• in some cases we can bypass the logic by checking if the wrapper was directly clicked on
• clicking on the container should also count as an inside click - the original negation on clickedInsideModal also negated the clickOnContainer check

does this make sense to you?

[ninjasheeps]

yep, this makes sense to me. thank you so much for working on this!!