refactor: mobile popover UX (#2140)

packages/web/src/javascripts/Components/NotesOptions/AddTagOption.tsx

@@ -65,6 +65,7 @@ const AddTagOption: FunctionComponent<Props> = ({
         <Icon type="chevron-right" className="text-neutral" />
       </MenuItem>
       <Popover
+        title="Add tag"
         togglePopover={toggleMenu}
         anchorElement={buttonRef.current}
         open={isOpen}

packages/web/src/javascripts/Components/NotesOptions/ChangeEditorOption.tsx

@@ -50,6 +50,7 @@ const ChangeEditorOption: FunctionComponent<ChangeEditorOptionProps> = ({ applic
         </div>
       </MenuItem>
       <Popover
+        title="Change note type"
         align="start"
         anchorElement={buttonRef.current}
         className="pt-2 md:pt-0"

packages/web/src/javascripts/Components/NotesOptions/Listed/ListedActionsOption.tsx

@@ -48,6 +48,7 @@ const ListedActionsOption: FunctionComponent<Props> = ({ application, note, icon
         <Icon type="chevron-right" className="text-neutral" />
       </MenuItem>
       <Popover
+        title="Listed"
         togglePopover={toggleMenu}
         anchorElement={buttonRef.current}
         open={isOpen}

packages/web/src/javascripts/Components/NotesOptions/NotesOptionsPanel.tsx

@@ -47,6 +47,7 @@ const NotesOptionsPanel = ({
     <>
       <RoundIconButton label="Note options menu" onClick={toggleMenu} ref={buttonRef} icon="more" />
       <Popover
+        title="Note options"
         disableClickOutside={disableClickOutside}
         togglePopover={toggleMenu}
         anchorElement={buttonRef.current}

packages/web/src/javascripts/Components/NotesOptions/SuperNoteOptions.tsx

@@ -52,6 +52,7 @@ const SuperNoteOptions = ({ note, markdownShortcut, enableSuperMarkdownPreview }
         <Icon type="chevron-right" className="ml-auto text-neutral" />
       </MenuItem>
       <Popover
+        title="Export note"
         side="left"
         align="start"
         open={isExportMenuOpen}