[Discover] Fix "Options" link in top nav

[kertal]

Summary

WIP

• Closes Options popover once clicked a second time

Checklist

Delete any items that are not applicable to this PR.

• Any text added follows EUI's writing guidelines, uses sentence case text and includes i18n support
• Documentation was added for features that require explanation or tutorials
• Unit or functional tests were updated or added to match the most common scenarios
• Any UI touched in this PR is usable by keyboard only (learn more about keyboard accessibility)
• Any UI touched in this PR does not create any new axe failures (run axe in browser: FF, Chrome)
• If a plugin configuration key changed, check if it needs to be allowlisted in the cloud and added to the docker list
• This renders correctly on smaller devices using a responsive layout. (You can test this in your browser)
• This was checked for cross-browser compatibility

For maintainers

• This was checked for breaking API changes and was labeled appropriately

[kibanamachine]

⏳ Build in-progress, with failures

• continuous-integration/kibana-ci/pull-request
• Commit: cca99af
• Storybooks Preview
• This comment will update when the build is complete

Failed CI Steps

• Execute kibana-ciGroup6
• Execute xpack-kibana-ciGroup1
• Execute xpack-kibana-ciGroup6
• Execute xpack-kibana-ciGroup6
• Execute xpack-kibana-ciGroup13

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

cc @kertal

[timroes]

I think we could have a bit simpler implementation for this (aligning more with e.g. what dashboard does):

--- a/src/plugins/discover/public/application/components/top_nav/open_options_popover.tsx
+++ b/src/plugins/discover/public/application/components/top_nav/open_options_popover.tsx
@@ -16,6 +16,7 @@ import { getServices } from '../../../kibana_services';
 import './open_options_popover.scss';
 import { DOC_TABLE_LEGACY } from '../../../../common';
 
+const container = document.createElement('div');
 let isOpen = false;
 
 interface OptionsPopoverProps {
@@ -82,6 +83,12 @@ export function OptionsPopover(props: OptionsPopoverProps) {
   );
 }
 
+function onClose() {
+  ReactDOM.unmountComponentAtNode(container);
+  document.body.removeChild(container);
+  isOpen = false;
+}
+
 export function openOptionsPopover({
   I18nContext,
   anchorElement,
@@ -90,17 +97,11 @@ export function openOptionsPopover({
   anchorElement: HTMLElement;
 }) {
   if (isOpen) {
+    onClose();
     return;
   }
 
   isOpen = true;
-  const container = document.createElement('div');
-  const onClose = () => {
-    ReactDOM.unmountComponentAtNode(container);
-    document.body.removeChild(container);
-    isOpen = false;
-  };
-
   document.body.appendChild(container);
 
   const element = (

[timroes]

Superseeded by #101154