Collapse encoded media in editable fields too (#534)

apps/yaak-client/components/ContextMenus.tsx

@@ -8,12 +8,15 @@ export function ContextMenus() {
   const menus = useAtomValue(contextMenusAtom);
   return (
     <>
-      {menus.map(({ id, items, triggerPosition, triggerRect }) => (
+      {menus.map(({ id, items, triggerPosition, triggerRect, triggerEl }) => (
         <ErrorBoundary key={id} name={`ContextMenu ${id}`}>
           <ContextMenu
             items={items}
             triggerPosition={triggerPosition}
             triggerRect={triggerRect}
+            // The trigger isn't a React component here, so it arrives as an element and gets
+            // wrapped to look like the ref the menu expects
+            triggerRef={{ current: triggerEl ?? null }}
             onClose={() => hideContextMenu(id)}
           />
         </ErrorBoundary>