refactor: mobile popover UX (#2140)

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

@@ -905,10 +905,12 @@ class NoteView extends AbstractComponent<NoteViewProps, State> {
                 </div>
               )}
             </div>
-            <LinkedItemBubblesContainer
-              item={this.note}
-              linkingController={this.viewControllerManager.linkingController}
-            />
+            <div className="hidden md:block">
+              <LinkedItemBubblesContainer
+                item={this.note}
+                linkingController={this.viewControllerManager.linkingController}
+              />
+            </div>
           </div>
         )}
 

packages/web/src/javascripts/Components/NoteView/SuperEditor/Plugins/BlockPickerPlugin/BlockPickerPlugin.tsx

@@ -109,6 +109,7 @@ export default function BlockPickerMenuPlugin(): JSX.Element {
 
           return (
             <Popover
+              title="Block picker"
               align="start"
               anchorElement={anchorElementRef.current}
               open={true}

packages/web/src/javascripts/Components/NoteView/SuperEditor/Plugins/ItemSelectionPlugin/ItemSelectionPlugin.tsx

@@ -96,6 +96,7 @@ export const ItemSelectionPlugin: FunctionComponent<Props> = ({ currentNote }) =
 
         return (
           <Popover
+            title="Select item"
             align="start"
             anchorElement={anchorElementRef.current}
             open={true}