move focus to breakout-room panel on open

bigbluebutton-html5/imports/ui/components/breakout-room/component.jsx

@@ -119,6 +119,10 @@ class BreakoutRoom extends PureComponent {
     };
   }
 
+  componentDidMount() {
+    if (this.panel) this.panel.firstChild.focus();
+  }
+
   componentDidUpdate() {
     const {
       breakoutRoomUser,
@@ -513,7 +517,7 @@ class BreakoutRoom extends PureComponent {
       amIModerator,
     } = this.props;
     return (
-      <div className={styles.panel}>
+      <div className={styles.panel} ref={(n) => this.panel = n}>
         <Button
           icon="left_arrow"
           label={intl.formatMessage(intlMessages.breakoutTitle)}

bigbluebutton-html5/imports/ui/components/user-list/user-list-content/user-participants/user-options/component.jsx

@@ -347,7 +347,7 @@ class UserOptions extends PureComponent {
     return (
       <BBBMenu
         trigger={(
-          <Button
+          <Button          
             label={intl.formatMessage(intlMessages.optionsLabel)}
             data-test="manageUsers"
             icon="settings"