MISC: Add key binding feature

src/Bladeburner/ui/Console.tsx

@@ -1,7 +1,7 @@
 import type { Bladeburner } from "../Bladeburner";
 
 import React, { useState, useRef, useEffect } from "react";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../utils/KeyboardEventKey";
 
 import { Box, List, ListItem, Paper, TextField, Typography } from "@mui/material";
 import { Theme } from "@mui/material/styles";

src/Corporation/ui/NewDivisionTab.tsx

@@ -13,7 +13,7 @@ import { useCorporation } from "./Context";
 import { createDivision } from "../Actions";
 
 import { ButtonWithTooltip } from "../../ui/Components/ButtonWithTooltip";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../utils/KeyboardEventKey";
 import { IndustryDescription } from "./IndustryDescription";
 interface IProps {
   setDivisionName: (name: string) => void;

src/Corporation/ui/modals/BuybackSharesModal.tsx

@@ -8,7 +8,7 @@ import Typography from "@mui/material/Typography";
 import { ButtonWithTooltip } from "../../../ui/Components/ButtonWithTooltip";
 import { NumberInput } from "../../../ui/React/NumberInput";
 import { buyBackShares } from "../../Actions";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 import { buybackSharesFailureReason } from "../../helpers";
 
 interface IProps {

src/Corporation/ui/modals/GoPublicModal.tsx

@@ -8,7 +8,7 @@ import Typography from "@mui/material/Typography";
 import { ButtonWithTooltip } from "../../../ui/Components/ButtonWithTooltip";
 import { NumberInput } from "../../../ui/React/NumberInput";
 import Box from "@mui/material/Box";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 import { isPositiveInteger } from "../../../types";
 import * as actions from "../../Actions";
 

src/Corporation/ui/modals/IssueDividendsModal.tsx

@@ -9,7 +9,7 @@ import { useCorporation } from "../Context";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 interface IProps {
   open: boolean;
   onClose: () => void;

src/Corporation/ui/modals/IssueNewSharesModal.tsx

@@ -7,7 +7,7 @@ import { useCorporation } from "../Context";
 import Typography from "@mui/material/Typography";
 import { NumberInput } from "../../../ui/React/NumberInput";
 import { ButtonWithTooltip } from "../../../ui/Components/ButtonWithTooltip";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 import * as actions from "../../Actions";
 import * as corpConstants from "../../data/Constants";
 import { issueNewSharesFailureReason } from "../../helpers";

src/Corporation/ui/modals/LimitMaterialProductionModal.tsx

@@ -4,7 +4,7 @@ import { Modal } from "../../../ui/React/Modal";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 import { Material } from "../../Material";
 
 interface IProps {

src/Corporation/ui/modals/LimitProductProductionModal.tsx

@@ -6,7 +6,7 @@ import { Modal } from "../../../ui/React/Modal";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 
 interface IProps {
   open: boolean;

src/Corporation/ui/modals/MakeProductModal.tsx

@@ -10,7 +10,7 @@ import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
 import MenuItem from "@mui/material/MenuItem";
 import Select, { SelectChangeEvent } from "@mui/material/Select";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 import { NumberInput } from "../../../ui/React/NumberInput";
 import { CityName } from "@enums";
 import { getRecordKeys } from "../../../Types/Record";

src/Corporation/ui/modals/PurchaseMaterialModal.tsx

@@ -11,7 +11,7 @@ import { useCorporation, useDivision } from "../Context";
 import Typography from "@mui/material/Typography";
 import TextField from "@mui/material/TextField";
 import Button from "@mui/material/Button";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 
 interface IBulkPurchaseTextProps {
   warehouse: Warehouse;

src/Corporation/ui/modals/SellMaterialModal.tsx

@@ -7,7 +7,7 @@ import { Modal } from "../../../ui/React/Modal";
 import { dialogBoxCreate } from "../../../ui/React/DialogBox";
 
 import * as actions from "../../Actions";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 
 interface IProps {
   open: boolean;

src/Corporation/ui/modals/SellProductModal.tsx

@@ -8,7 +8,7 @@ import { Modal } from "../../../ui/React/Modal";
 import { dialogBoxCreate } from "../../../ui/React/DialogBox";
 
 import * as actions from "../../Actions";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 
 interface IProps {
   open: boolean;

src/Corporation/ui/modals/SellSharesModal.tsx

@@ -8,7 +8,7 @@ import * as corpConstants from "../../data/Constants";
 import Typography from "@mui/material/Typography";
 import { ButtonWithTooltip } from "../../../ui/Components/ButtonWithTooltip";
 import { sellShares } from "../../Actions";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 import { NumberInput } from "../../../ui/React/NumberInput";
 import { sellSharesFailureReason } from "../../helpers";
 

src/Corporation/ui/modals/ThrowPartyModal.tsx

@@ -10,7 +10,7 @@ import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
 import Box from "@mui/material/Box";
-import { KEY } from "../../../utils/helpers/keyCodes";
+import { KEY } from "../../../utils/KeyboardEventKey";
 
 interface IProps {
   open: boolean;

src/Faction/ui/CreateGangModal.tsx

@@ -5,7 +5,7 @@ import { Page } from "../../ui/Router";
 import { Player } from "@player";
 import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
-import { KEY } from "../../utils/helpers/keyCodes";
+import { KEY } from "../../utils/KeyboardEventKey";
 import { FactionName } from "@enums";
 
 interface IProps {

src/GameOptions/ui/GameOptionsRoot.tsx

@@ -7,6 +7,7 @@ import { MiscPage } from "./MiscPage";
 import { NumericDisplayPage } from "./NumericDisplayOptions";
 import { RemoteAPIPage } from "./RemoteAPIPage";
 import { SystemPage } from "./SystemPage";
+import { KeyBindingPage } from "./KeyBindingPage";
 
 interface IProps {
   save: () => void;
@@ -15,14 +16,24 @@ interface IProps {
   softReset: () => void;
   reactivateTutorial: () => void;
 }
-export type OptionsTabName = "System" | "Interface" | "Numeric Display" | "Gameplay" | "Misc" | "Remote API";
+
+export type OptionsTabName =
+  | "System"
+  | "Interface"
+  | "Numeric Display"
+  | "Gameplay"
+  | "Misc"
+  | "Remote API"
+  | "Key Binding";
+
 const tabs: Record<OptionsTabName, React.ReactNode> = {
   System: <SystemPage />,
   Interface: <InterfacePage />,
   "Numeric Display": <NumericDisplayPage />,
   Gameplay: <GameplayPage />,
   Misc: <MiscPage />,
   "Remote API": <RemoteAPIPage />,
+  "Key Binding": <KeyBindingPage />,
 };
 
 export function GameOptionsRoot(props: IProps): React.ReactElement {

src/GameOptions/ui/GameOptionsSidebar.tsx

@@ -115,6 +115,7 @@ export const GameOptionsSidebar = (props: IProps): React.ReactElement => {
           <SideBarTab sideBarProps={props} tabName="Numeric Display" />
           <SideBarTab sideBarProps={props} tabName="Misc" />
           <SideBarTab sideBarProps={props} tabName="Remote API" />
+          <SideBarTab sideBarProps={props} tabName="Key Binding" />
         </List>
       </Paper>
       <Box