lots of UI changes, and keyboard command support

src/views/hooks/useKeyPress.ts

@@ -0,0 +1,20 @@
+import { useEffect } from 'react';
+
+/**
+ * Hook that calls a callback when a key is pressed
+ * @param key the key to listen for
+ * @param callback the callback to call when the key is pressed
+ */
+export function useKeyPress(key: string, callback: (...args: any[]) => void): void {
+    useEffect(() => {
+        const handleKeyDown = (event: KeyboardEvent) => {
+            if (event.key === key) {
+                callback();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [key, callback]);
+}