feat(useContextMenu): add ref support

[janhassel]

When working on #13209 I noticed that the useContextMenu currently only supports DOM elements (or window or document) as its trigger which means developers would need to wrap useContextMenu in a useEffect in order to pass it the correct ref.current at all times.

Since this feels a bit cumbersome and the useContextMenu hook already uses a useEffect with trigger as its dependency, I updated the hook to directly support react refs.

Changelog

New

• Added support for react refs as trigger argument in useContextMenu

Testing / Reviewing

function TestComponent() {
  const el = useRef(null);
  const menuProps = useContextMenu(el);

  return (
    <>
      <div ref={el}>
        Right click this element
      </div>
      <Menu {...menuProps}>
        <MenuItem label="Edit" />
        <MenuItem label="Delete" kind="danger" />
      </Menu>
    </>
  );
};

Menu should appear when right-clicking on the div, but not when right-clicking anywhere else on the screen.

[netlify]

✅ Deploy Preview for carbon-components-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	b744cb2
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-components-react/deploys/63f7bbaeca8e1d000822df5e
😎 Deploy Preview	https://deploy-preview-13210--carbon-components-react.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[francinelucca]

lgtm