Fix space key opening lightbox on image reactions

Co-authored-by: Jamie Kyle <113370520+jamiebuilds-signal@users.noreply.github.com>

ts/components/fun/base/FunPopover.tsx

@@ -1,6 +1,6 @@
 // Copyright 2025 Signal Messenger, LLC
 // SPDX-License-Identifier: AGPL-3.0-only
-import type { ReactNode } from 'react';
+import type { KeyboardEvent, ReactNode } from 'react';
 import React, { useCallback } from 'react';
 import type { Placement } from 'react-aria';
 import { Dialog, Popover } from 'react-aria-components';
@@ -33,8 +33,15 @@ export function FunPopover(props: FunPopoverProps): JSX.Element {
     []
   );
 
+  const handleKeyDown = useCallback((event: KeyboardEvent) => {
+    event.stopPropagation();
+  }, []);
+
   return (
     <Tooltip.Provider>
+      {/* Prevents keyboard events from bubbling up outside of the popover */}
+      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}
+      <div onKeyDown={handleKeyDown}>
         <Popover
           data-fun-overlay
           className={classNames('FunPopover', {
@@ -46,6 +53,7 @@ export function FunPopover(props: FunPopoverProps): JSX.Element {
         >
           <Dialog className="FunPopover__Dialog">{props.children}</Dialog>
         </Popover>
+      </div>
     </Tooltip.Provider>
   );
 }