Restore call reactions click outside to dismiss

ts/components/CallScreen.tsx

@@ -71,6 +71,7 @@ import {
   PersistentCallingToast,
   useCallingToasts,
 } from './CallingToast';
+import { handleOutsideClick } from '../util/handleOutsideClick';
 import { Spinner } from './Spinner';
 import type { Props as ReactionPickerProps } from './conversation/ReactionPicker';
 import type { SmartReactionPicker } from '../state/smart/ReactionPicker';
@@ -328,6 +329,22 @@ export function CallScreen({
     };
   }, [toggleAudio, toggleVideo]);
 
+  useEffect(() => {
+    if (!showReactionPicker) {
+      return noop;
+    }
+    return handleOutsideClick(
+      () => {
+        setShowReactionPicker(false);
+        return true;
+      },
+      {
+        containerElements: [reactButtonRef, reactionPickerContainerRef],
+        name: 'CallScreen.reactionPicker',
+      }
+    );
+  }, [showReactionPicker]);
+
   useScreenSharingStoppedToast({ activeCall, i18n });
   useViewModeChangedToast({ activeCall, i18n });