refactor(main): extract keyboard shortcuts to utils

src/main.tsx

@@ -25,6 +25,7 @@ import {
   ThemeModeProvider,
   UpdateStateProvider,
 } from "./services/states";
+import { disableWebViewShortcuts } from "./utils/disable-webview-shortcuts";
 
 if (!window.ResizeObserver) {
   window.ResizeObserver = ResizeObserver;
@@ -39,19 +40,7 @@ if (!container) {
   );
 }
 
-document.addEventListener("keydown", (event) => {
+disableWebViewShortcuts();
-  // Disable WebView keyboard shortcuts
-  const disabledShortcuts =
-    ["F5", "F7"].includes(event.key) ||
-    (event.altKey && ["ArrowLeft", "ArrowRight"].includes(event.key)) ||
-    ((event.ctrlKey || event.metaKey) &&
-      ["F", "G", "H", "J", "P", "Q", "R", "U"].includes(
-        event.key.toUpperCase(),
-      ));
-  if (disabledShortcuts) {
-    event.preventDefault();
-  }
-});
 
 const initializeApp = (initialThemeMode: "light" | "dark") => {
   const contexts = [

src/utils/disable-webview-shortcuts.ts

@@ -0,0 +1,19 @@
+export const disableWebViewShortcuts = () => {
+  const handleKeydown = (event: KeyboardEvent) => {
+    const disabledShortcuts =
+      ["F5", "F7"].includes(event.key) ||
+      (event.altKey && ["ArrowLeft", "ArrowRight"].includes(event.key)) ||
+      ((event.ctrlKey || event.metaKey) &&
+        ["F", "G", "H", "J", "P", "Q", "R", "U"].includes(
+          event.key.toUpperCase(),
+        ));
+
+    if (disabledShortcuts) {
+      event.preventDefault();
+    }
+  };
+
+  document.addEventListener("keydown", handleKeydown);
+
+  return () => document.removeEventListener("keydown", handleKeydown);
+};