refactor(FloatingMenu): rewrite in typescript

[adamalston]

Closes #18720

Rewrote FloatingMenu in TypeScript.

Changelog

Changed

• Rewrote FloatingMenu in TypeScript.
• Updated types in the wrapFocus util and OverflowMenu component.

Testing / Reviewing

yarn test packages/react/src/components/OverflowMenu

I left a TODO in the code. Curious to hear others' thoughts.

I didn't see a reason to memoize handleMenuRef or put it in a useCallback. If someone finds one, this code should work.

const handleMenuRef = useCallback(
  (node: HTMLElement | null) => {
    if (node === menuBodyRef.current) return;

    menuBodyRef.current = node;
    placeInProgressRef.current = !!node;

    if (externalMenuRef) {
      externalMenuRef(node);
    }

    if (node) {
      updateMenuPosition();
    }
  },
  [externalMenuRef, updateMenuPosition]
);

[netlify]

✅ Deploy Preview for v11-carbon-web-components ready!

Name	Link
🔨 Latest commit	30b7ed3
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-web-components/deploys/67c5e37a0448690008c7f054
😎 Deploy Preview	https://deploy-preview-18722--v11-carbon-web-components.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 configuration.

[netlify]

✅ Deploy Preview for carbon-elements ready!

Name	Link
🔨 Latest commit	30b7ed3
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-elements/deploys/67c5e37a9fb6260008af30e5
😎 Deploy Preview	https://deploy-preview-18722--carbon-elements.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 configuration.

[netlify]

✅ Deploy Preview for v11-carbon-react ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	30b7ed3
🔍 Latest deploy log	https://app.netlify.com/sites/v11-carbon-react/deploys/67c5e37a598c620008334f9f
😎 Deploy Preview	https://deploy-preview-18722--v11-carbon-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 configuration.

[codecov]

Codecov Report

Attention: Patch coverage is 50.38168% with 65 lines in your changes missing coverage. Please review.

Project coverage is 84.22%. Comparing base (7c4c40d) to head (30b7ed3).

Files with missing lines	Patch %	Lines
packages/react/src/internal/FloatingMenu.tsx	49.60%	64 Missing ⚠️
...react/src/components/OverflowMenu/OverflowMenu.tsx	75.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #18722      +/-   ##
==========================================
- Coverage   84.26%   84.22%   -0.05%     
==========================================
  Files         408      408              
  Lines       14661    14653       -8     
  Branches     4827     4826       -1     
==========================================
- Hits        12354    12341      -13     
- Misses       2143     2159      +16     
+ Partials      164      153      -11     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.