Prevent spacebar start movie when in textarea (#277)

Co-authored-by: Christopher Oliphant <RALifeCoach@users.noreply.github.com>

app/components/Textarea.tsx

@@ -2,7 +2,11 @@ import { TextareaHTMLAttributes } from "react";
 import { twMerge } from "tailwind-merge";
 import { Label } from "./Typography";
 import { kebabCase } from "~/utilities";
-import { disableHotkeyInput,enableHotkeyInput,DomLevels } from "~/pages/PageEnigma/store";
+import {
+  disableHotkeyInput,
+  enableHotkeyInput,
+  DomLevels,
+} from "~/pages/PageEnigma/store";
 
 type ResizeType =
   | "none"
@@ -39,13 +43,14 @@ export const Textarea = ({
           resize: resize,
         }}
         onFocus={(e) => {
-          disableHotkeyInput(DomLevels.INPUT)
+          disableHotkeyInput(DomLevels.INPUT);
           e.currentTarget.style.outlineColor = "#e66462";
         }}
         onBlur={(e) => {
-          enableHotkeyInput(DomLevels.INPUT)
+          enableHotkeyInput(DomLevels.INPUT);
           e.currentTarget.style.outlineColor = "transparent";
         }}
+        onKeyDown={(event) => event.stopPropagation()}
         {...rest}
       />
     </div>

app/pages/PageEnigma/comps/Timeline/Timeline.tsx

@@ -89,7 +89,7 @@ export const Timeline = () => {
     document.addEventListener("keydown", onDeleteAsk);
 
     return () => {
-      document.addEventListener("keydown", onDeleteAsk);
+      document.removeEventListener("keydown", onDeleteAsk);
     };
   }, [onDeleteAsk]);