[bugfix][a11y] Resolve first focus order on initial load and remove autofocus constraints on CommonControlBar

[edwardlee-msft]

What

Focus on remote tile more options first one page load.
Reorder the positioning of floating local video tile layerhost so that it is not the first focusable element on load
Remove autofocus on controlbar on first load.

Screen.Recording.2025-02-07.at.14.25.46.mov

Showing that mobile was not impacted:

Why

A11y requirements require that focus land on first actionable item.
Need to remove autofocus on hidden element in controlbar as it takes initial focus away from the MediaGallery

More details regarding ControlBarCommon changes
James did some work to make focus reland on the control bar after captions is closed using the captions banner more options Turn off Captions button. Refer to this pr #5438

However, after my testing, this is not needed. With or without his code, if you tab after closing captions using the more options from the captions banners you will still land on the Microphone button.

HiddenFocus was removed as there is a new requirement with the more options button on remotevideotiles requiring first tabbable focus.

Additionally, because we have the new "Waiting for others" to join page, we do not have a focusable local video tile, etc on first render. Yay! So in this case, the focus will land correctly on the controlbar as the first actionable item.

How Tested

MacOS. CallWithChat sample locally.

Process & policy checklist

• I have updated the project documentation to reflect my changes if necessary.
• I have read the CONTRIBUTING documentation.

Is this a breaking change?

• This change causes current functionality to break.

[github-actions]

Failed to pass the composite UI Test. If this PR is for UI change and the error is snapshot mismatch, please add "update_snapshots" label to the PR for updating the snapshot.

[github-actions]

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

[github-actions]

Failed to pass the UI Test. If this PR is for UI change and the error is snapshot mismatch, please add "update_snapshots" label to the PR for updating the snapshot.

[github-actions]

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

[github-actions]

Failed to pass the UI Test. If this PR is for UI change and the error is snapshot mismatch, please add "update_snapshots" label to the PR for updating the snapshot.

[github-actions]

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

[github-actions]

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

[github-actions]

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

	Lines	Statements	Functions	Branches
Base	58286 / 94213 61.86%	58286 / 94213 61.86%	1177 / 2694 43.68%	3493 / 5801 60.21%
Current	58214 / 94166 61.82%	58214 / 94166 61.82%	1177 / 2693 43.7%	3558 / 5836 60.96%
Diff	-72 / -47 -0.04%	-72 / -47 -0.04%	0 / -1 0.02%	65 / 35 0.75%

[github-actions]

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

	Lines	Statements	Functions	Branches
Base	27979 / 44645 62.66%	27979 / 44645 62.66%	786 / 1436 54.73%	2340 / 3713 63.02%
Current	27986 / 44645 62.68%	27986 / 44645 62.68%	786 / 1436 54.73%	2357 / 3725 63.27%
Diff	7 / 0 0.02%	7 / 0 0.02%	0 / 0 0%	17 / 12 0.25%

[github-actions]

Failed to pass the UI Test. If this PR is for UI change and the error is snapshot mismatch, please add "update_snapshots" label to the PR for updating the snapshot.

[github-actions]

Failed to pass the UI Test. If this PR is for UI change and the error is snapshot mismatch, please add "update_snapshots" label to the PR for updating the snapshot.

[github-actions]

Chat bundle size is decreased✅.

• Current size: 1777255
• Base size: 1777256
• Diff size: -1

[github-actions]

CallWithChat bundle size is not changed.

• Current size: 12401112
• Base size: 12401112
• 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-riyhbtbkbo.chromatic.com/