Fix notifications popover not close-able on iPad

src/pages/home.jsx

@@ -152,8 +152,11 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
     if (state === 'open') loadNotifications();
   }, [state]);
 
+  const menuRef = useRef();
+
   return (
     <ControlledMenu
+      ref={menuRef}
       menuClassName="notifications-menu"
       state={state}
       anchorRef={anchorRef}
@@ -161,6 +164,11 @@ function NotificationsMenu({ anchorRef, state, onClose }) {
       portal={{
         target: document.body,
       }}
+      containerProps={{
+        onClick: () => {
+          menuRef.current?.closeMenu?.();
+        },
+      }}
       overflow="auto"
       viewScroll="close"
       position="anchor"