Upgrade twilio video (#590)

* Install Twilio-video 2.17.0

* Hide desktop menu on mobile

* Improve appearance of network quality on mobile

Author: timmydoza

package-lock.json

@@ -42,7 +42,7 @@
     "strip-color": "^0.1.0",
     "ts-node": "^9.1.1",
     "twilio": "^3.63.1",
-    "twilio-video": "^2.15.3",
+    "twilio-video": "^2.17.0",
     "typescript": "^3.8.3"
   },
   "devDependencies": {

package.json

@@ -90,7 +90,9 @@ export default function MenuBar() {
               <ToggleVideoButton disabled={isReconnecting} />
               {!isSharingScreen && !isMobile && <ToggleScreenShareButton disabled={isReconnecting} />}
               {process.env.REACT_APP_DISABLE_TWILIO_CONVERSATIONS !== 'true' && <ToggleChatButton />}
-              <Menu />
+              <Hidden smDown>
+                <Menu />
+              </Hidden>
             </Grid>
           </Grid>
           <Hidden smDown>

src/components/MenuBar/MenuBar.tsx

@@ -37,7 +37,7 @@ const useStyles = makeStyles((theme: Theme) =>
         width: `${(theme.sidebarMobileHeight * 16) / 9}px`,
         marginRight: '8px',
         marginBottom: '0',
-        fontSize: '10px',
+        fontSize: '12px',
         paddingTop: `${theme.sidebarMobileHeight - 2}px`,
       },
     },