Stop propagation of keyDown in <StopPropagation>

See [#5611][0].

[0]: https://github.com/signalapp/Signal-Desktop/pull/5611.

ts/components/StopPropagation.tsx

@@ -4,7 +4,7 @@
 import type { ReactNode } from 'react';
 import React from 'react';
 
-// Whenever you don't want click events to propagate into their parent container
+// Whenever you don't want click or key events to propagate into their parent container
 export const StopPropagation = ({
   children,
   className,
@@ -14,7 +14,11 @@ export const StopPropagation = ({
 }): JSX.Element => (
   // eslint-disable-next-line max-len
   // eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events
-  <div className={className} onClick={ev => ev.stopPropagation()}>
+  <div
+    className={className}
+    onClick={ev => ev.stopPropagation()}
+    onKeyDown={ev => ev.stopPropagation()}
+  >
     {children}
   </div>
 );