fix(keymap-legend-style): capitalize letters when caps lock is enabled

Author: Leonabcd123

frontend/package.json

@@ -27,7 +27,7 @@
   },
   "dependencies": {
     "@date-fns/utc": "1.2.0",
-    "@leonabcd123/modern-caps-lock": "3.0.4",
+    "@leonabcd123/modern-caps-lock": "3.1.3",
     "@monkeytype/contracts": "workspace:*",
     "@monkeytype/funbox": "workspace:*",
     "@monkeytype/schemas": "workspace:*",

frontend/src/ts/elements/keymap.ts

@@ -8,6 +8,7 @@ import { showErrorNotification } from "../states/notifications";
 import { getActivePage } from "../states/core";
 import * as TestWords from "../test/test-words";
 import { capsState } from "../test/caps-warning";
+import { onCapsLockChange } from "@leonabcd123/modern-caps-lock";
 import * as ShiftTracker from "../test/shift-tracker";
 import * as AltTracker from "../test/alt-tracker";
 import * as KeyConverter from "../utils/key-converter";
@@ -704,3 +705,5 @@ document.addEventListener("keyup", (e) => {
     void updateLegends();
   }
 });
+
+onCapsLockChange(() => void updateLegends());