refactor: mobile popover UX (#2140)

packages/web/src/javascripts/Components/FileContextMenu/FileContextMenu.tsx

@@ -22,6 +22,7 @@ const FileContextMenu: FunctionComponent<Props> = observer(
 
     return (
       <Popover
+        title="File options"
         open={showFileContextMenu}
         anchorPoint={fileContextMenuLocation}
         togglePopover={() => setShowFileContextMenu(!showFileContextMenu)}

packages/web/src/javascripts/Components/FileContextMenu/FileOptionsPanel.tsx

@@ -30,7 +30,13 @@ const FilesOptionsPanel = ({
   return (
     <>
       <RoundIconButton label="File options menu" onClick={toggleMenu} ref={buttonRef} icon="more" />
-      <Popover togglePopover={toggleMenu} anchorElement={buttonRef.current} open={isOpen} className="py-2">
+      <Popover
+        title="File options"
+        togglePopover={toggleMenu}
+        anchorElement={buttonRef.current}
+        open={isOpen}
+        className="py-2"
+      >
         <Menu a11yLabel="File options panel" isOpen={isOpen}>
           <FileMenuOptions
             filesController={filesController}