[Bugfix] Microphone lobby fix (#3896)

* Allow mic to be active in the lobby screen

* Change files

* Duplicate change files for beta release

* update logic to be cleaner

* Update packages/react-composites CallComposite browser test snapshots

* Update packages/react-composites CallComposite browser test snapshots

* update comment

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

change-beta/@azure-communication-react-62b78eb3-8531-477b-b11c-0aee50257c9b.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Bug fix",
+  "comment": "Allow mic to be active in the lobby screen",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-62b78eb3-8531-477b-b11c-0aee50257c9b.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Bug fix",
+  "comment": "Allow mic to be active in the lobby screen",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/CallComposite/components/buttons/Microphone.tsx

@@ -38,11 +38,10 @@ export const Microphone = (props: {
   const unmuteMicCapability = adapter.getState().call?.capabilitiesFeature?.capabilities.unmuteMic;
 
   /**
-   * When call is in Lobby, microphone button should be disabled.
+   * When call is in connecting state, microphone button should be disabled.
    * This is due to to headless limitation where a call can not be muted/unmuted in lobby.
    */
-  if (_isInLobbyOrConnecting(callStatus)) {
-    microphoneButtonProps.disabled = true;
+  if (callStatus === 'Connecting') {
     // Lobby page should show the microphone status that was set on the local preview/configuration
     // page until the user successfully joins the call.
     microphoneButtonProps.checked = isLocalMicrophoneEnabled;
@@ -56,7 +55,6 @@ export const Microphone = (props: {
       }
     : {};
   const styles = useMemo(() => concatButtonBaseStyles(props.styles ?? {}), [props.styles]);
-
   // tab focus on MicrophoneButton on page load
   return (
     <MicrophoneButton