Fix move/close menu not showing on draggable video tile when ctrl+alt+space shortcut is used

[JamesBurnside]

What

• Remove use of useWindow, in react strict mode it is coming back null
• Replace use of internalEvents.on with add/removeEventListener, internalEvents.on simply wasn't working in react 18 strict mode
• Change toggle open menu to just set open menu as strict mode was executing twice so caused it to open and instantly close
• Add a forceUpdateCallback that triggers a rerender to remove the move icon, the icon wasn't being removed in react18 due to the render optimizations; there is no set state triggering a re-render and no longer an unrelated re-render occurring
• Add a keyEventElement so window doesn't have to be used (not being used by component or composite currently as it would be a larger change with an API change, no regression in continuing to use window object for now)

Why

React 18 strict mode broke the a11y menu for the draggable tile, see recording below for menu being fixed

How Tested

move-keyboard-recording.mp4

[github-actions]

Storybook 8 URL https://60c7ae6891f0e90039d7cd54-eesirpoxhj.chromatic.com/

[github-actions]

@azure/communication-react jest test coverage for stable.

	Lines	Statements	Functions	Branches
Base	28048 / 44663 62.79%	28048 / 44663 62.79%	786 / 1436 54.73%	2355 / 3725 63.22%
Current	28056 / 44674 62.8%	28056 / 44674 62.8%	786 / 1436 54.73%	2355 / 3725 63.22%
Diff	8 / 11 0.01%	8 / 11 0.01%	0 / 0 0%	0 / 0 0%

[github-actions]

@azure/communication-react jest test coverage for beta.

	Lines	Statements	Functions	Branches
Base	58282 / 94195 61.87%	58282 / 94195 61.87%	1177 / 2693 43.7%	3540 / 5832 60.69%
Current	58253 / 94205 61.83%	58253 / 94205 61.83%	1177 / 2693 43.7%	3561 / 5842 60.95%
Diff	-29 / 10 -0.04%	-29 / 10 -0.04%	0 / 0 0%	21 / 10 0.26%

Copilot reviewed 1 out of 3 changed files in this pull request and generated no comments.

Files not reviewed (2)

• change-beta/@azure-communication-react-efaa1c36-cd40-48ac-8905-e7c88a135523.json: Language not supported
• change/@azure-communication-react-efaa1c36-cd40-48ac-8905-e7c88a135523.json: Language not supported

Comments suppressed due to low confidence (2)

packages/react-components/src/components/ModalClone/ModalClone.tsx:93

• Changing the event type from React.KeyboardEvent to KeyboardEvent might cause type mismatches or runtime errors if the function is called with a React.KeyboardEvent. Ensure all call sites are updated accordingly.

const getMoveDelta = (ev: KeyboardEvent): number => {

packages/react-components/src/components/ModalClone/ModalClone.tsx:154

• Using window as the default value for keyEventElement might lead to unexpected behavior in environments where window is not available, such as server-side rendering. Ensure window is always available or provide a fallback mechanism.

keyEventElement = window

[github-actions]

CallWithChat bundle size is not changed.

• Current size: 12401112
• Base size: 12401112
• Diff size: 0

[github-actions]

Chat bundle size is not changed.

• Current size: 1777281
• Base size: 1777281
• Diff size: 0

[github-actions]

Calling bundle size is not changed.

• Current size: 12401100
• Base size: 12401100
• Diff size: 0

[github-actions]

Storybook 8 URL https://60c7ae6891f0e90039d7cd54-rkcfryznbq.chromatic.com/