[BugFix] Hold button dismiss on mobile (#2904)

* add onlight dismiss to hold action.

* Change files

* Duplicate change files for beta release

* Update packages/react-composites CallWithChatComposite browser test snapshots

---------

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

Author: dmceachernmsft

change-beta/@azure-communication-react-fbbc3183-3fda-4b33-8d4f-37c5492cdffe.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix hold button behavior to dismiss drawer after call is placed on hold.",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-fbbc3183-3fda-4b33-8d4f-37c5492cdffe.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Fix hold button behavior to dismiss drawer after call is placed on hold.",
+  "packageName": "@azure/communication-react",
+  "email": "94866715+dmceachernmsft@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/react-composites/src/composites/common/Drawer/MoreDrawer.tsx

@@ -209,6 +209,7 @@ export const MoreDrawer = (props: MoreDrawerProps): JSX.Element => {
       text: localeStrings.component.strings.holdButton.tooltipOffContent,
       onItemClick: () => {
         holdButtonProps.onToggleHold();
+        onLightDismiss();
       },
       iconProps: { iconName: 'HoldCallContextualMenuItem', styles: { root: { lineHeight: 0 } } }
     });