fix: make quick find keyboard shortcut work (#25)

Adds event listeners for cmd+k and ctrl+k. When triggered, sends a
message to the parent (storm).

Adds support for the shortcut when the header or sidebars are selected.
Still does not work on the puck preview iframe because we cannot add a
listener to that iframe from outside the puck package.

---------

Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Matt Kilpatrick <[email protected]>

src/components/Editor.tsx

@@ -314,6 +314,24 @@ export const Editor = ({ document, componentRegistry }: EditorProps) => {
     TARGET_ORIGINS
   );
 
+  const { sendToParent: openQuickFind } = useSendMessageToParent(
+    "openQuickFind",
+    TARGET_ORIGINS
+  );
+
+  const keyboardHandler = (event: KeyboardEvent) => {
+    if ((event.ctrlKey || event.metaKey) && event.key === "k") {
+      openQuickFind();
+    }
+  };
+
+  useEffect(() => {
+    window.addEventListener("keydown", keyboardHandler);
+    return () => {
+      window.removeEventListener("keydown", keyboardHandler);
+    };
+  }, []);
+
   const isLoading =
     !puckConfig ||
     !templateMetadata ||