fix: app crash when reach last index of undo stack (#111)

Avoid using an invalid layer index after undo operations.

Author: pongstr

src/keyboard/Keyboard.tsx

@@ -293,7 +293,7 @@ export default function Keyboard() {
   );
 
   let selectedBinding = useMemo(() => {
-    if (keymap == null || selectedKeyPosition == null) {
+    if (keymap == null || selectedKeyPosition == null || !keymap.layers[selectedLayerIndex]) {
       return null;
     }
 
@@ -490,6 +490,16 @@ export default function Keyboard() {
     [conn, undoRedo, keymap]
   );
 
+  useEffect(() => {
+    if (!keymap?.layers) return;
+
+    const layers = keymap.layers.length - 1;
+
+    if (selectedLayerIndex > layers) {
+      setSelectedLayerIndex(layers);
+    }
+  }, [keymap, selectedLayerIndex]);
+
   return (
     <div className="grid grid-cols-[auto_1fr] grid-rows-[1fr_minmax(10em,auto)] bg-base-300 max-w-full min-w-0 min-h-0">
       <div className="p-2 flex flex-col gap-2 bg-base-200 row-span-2">