Fix the rageshake modal on mobile

As per comment

Unsure if this is the best fix - ideally we wouldn't go into no-controls
mode at all, but this part doesn't know whether the dialog is open so
the only thing we could really do is tweak the threshold, or possibly
guess based on width instead?

src/room/PTTCallView.tsx

@@ -210,36 +210,36 @@ export const PTTCallView: React.FC<Props> = ({
         </Header>
       )}
       <div className={styles.center}>
-        {showControls && (
+        {/* Always render this because the window will become shorter when the on-screen
-          <>
+            keyboard appears, so if we don't render it, the dialog will unmount. */}
-            <div className={styles.participants}>
+        <div style={{ display: showControls ? "block" : "none" }}>
-              <p>
+          <div className={styles.participants}>
-                {t("{{count}} people connected", {
+            <p>
-                  count: participatingMembers.length,
+              {t("{{count}} people connected", {
-                })}
+                count: participatingMembers.length,
-              </p>
+              })}
-              <Facepile
+            </p>
-                size={facepileSize}
+            <Facepile
-                max={8}
+              size={facepileSize}
-                className={styles.facepile}
+              max={8}
-                client={client}
+              className={styles.facepile}
-                members={participatingMembers}
+              client={client}
-              />
+              members={participatingMembers}
-            </div>
+            />
-            <div className={styles.footer}>
+          </div>
-              <OverflowMenu
+          <div className={styles.footer}>
-                inCall
+            <OverflowMenu
-                roomIdOrAlias={roomIdOrAlias}
+              inCall
-                groupCall={groupCall}
+              roomIdOrAlias={roomIdOrAlias}
-                showInvite={false}
+              groupCall={groupCall}
-                feedbackModalState={feedbackModalState}
+              showInvite={false}
-                feedbackModalProps={feedbackModalProps}
+              feedbackModalState={feedbackModalState}
-              />
+              feedbackModalProps={feedbackModalProps}
-              {!isEmbedded && <HangupButton onPress={onLeave} />}
+            />
-              <InviteButton onPress={() => inviteModalState.open()} />
+            {!isEmbedded && <HangupButton onPress={onLeave} />}
-            </div>
+            <InviteButton onPress={() => inviteModalState.open()} />
-          </>
+          </div>
-        )}
+        </div>
 
         <div className={styles.pttButtonContainer}>
           {showControls &&