Promote breakout rooms feature to beta (#5069)

* Promote breakout rooms feature to beta

* breakout room banner icon fixes

Author: mgamis-msft

common/config/babel/features.js

@@ -21,8 +21,6 @@ module.exports = {
     "in-progress-beta-feature-demo",
     // feature for adding JS helpers to the UI library API
     "composite-js-helpers",
-    // feature for breakout rooms
-    "breakout-rooms",
     // Feature for remote UFD
     "remote-ufd",
     // Feature for showing dtmp dialer by default
@@ -84,7 +82,9 @@ module.exports = {
     // Feature to support file sharing in ACS chats
     "file-sharing-acs",
     // Soft Mute feature for ACS calls and Interop calls
-    "soft-mute"
+    "soft-mute",
+    // feature for breakout rooms
+    "breakout-rooms"
   ],
   stable: [
     // Demo feature. Used in live-documentation of conditional compilation.

packages/react-composites/src/composites/CallComposite/components/BreakoutRoomsBanner.tsx

@@ -52,7 +52,7 @@ export const BreakoutRoomsBanner = (props: {
             primaryButtonLabel: locale.strings.call.joinBreakoutRoomBannerButtonLabel
           }}
           onClickButton={() => assignedBreakoutRoom.join()}
-          iconProps={{ iconName: 'DoorArrowRight' }}
+          iconProps={{ iconName: 'NotificationBarBreakoutRoomPromptJoin' }}
           primaryButton
         />
       </Stack>
@@ -66,7 +66,7 @@ export const BreakoutRoomsBanner = (props: {
             primaryButtonLabel: locale.strings.call.returnFromBreakoutRoomBannerButtonLabel
           }}
           onClickButton={() => adapter.returnFromBreakoutRoom()}
-          iconProps={{ iconName: 'DoorArrowLeft' }}
+          iconProps={{ iconName: 'NotificationBarBreakoutRoomClosingSoon' }}
         />
       </Stack>
     );