Refactored keyboard shortcuts to be global and not dependent on map interaction

src/helpers/useKeyboard.js

@@ -0,0 +1,26 @@
+import { useEffect, useContext } from "react";
+
+import KeyboardContext from "../contexts/KeyboardContext";
+
+function useKeyboard(onKeyDown, onKeyUp) {
+  const { keyEmitter } = useContext(KeyboardContext);
+  useEffect(() => {
+    if (onKeyDown) {
+      keyEmitter.on("keyDown", onKeyDown);
+    }
+    if (onKeyUp) {
+      keyEmitter.on("keyUp", onKeyUp);
+    }
+
+    return () => {
+      if (onKeyDown) {
+        keyEmitter.off("keyDown", onKeyDown);
+      }
+      if (onKeyUp) {
+        keyEmitter.off("keyUp", onKeyUp);
+      }
+    };
+  });
+}
+
+export default useKeyboard;