feat(nds): improve key input system

app/components/Settings/BottomScreen/Menus/Clock/Achievements.vue

@@ -131,7 +131,7 @@ onClick((x, y) => {
   }
 });
 
-useKeyDown((key) => {
+useKeyDown(({ key }) => {
   if (isAnimating.value) return;
   if (key === "NDS_X") {
     handleVisitAll();

app/components/Settings/BottomScreen/Menus/Options/2048.vue

@@ -538,7 +538,7 @@ const slide = (rowDir: number, colDir: number) => {
   }
 };
 
-useKeyDown((key) => {
+useKeyDown(({ key }) => {
   if (isAnimating.value) return;
   switch (key) {
     // TODO: remove this, testing only

app/components/Settings/BottomScreen/Menus/User/Color.vue

@@ -139,7 +139,7 @@ const select = (col: number, row: number) => {
   app.setColor(col, row);
 };
 
-useKeyDown((key) => {
+useKeyDown(({ key }) => {
   if (isAnimating.value) return;
 
   switch (key) {

app/components/Settings/BottomScreen/Menus/User/Snake.vue

@@ -302,7 +302,7 @@ onRender((ctx) => {
   );
 }, 110);
 
-useKeyDown((key) => {
+useKeyDown(({ key }) => {
   if (state.value !== "alive") return;
 
   const newDirection = direction.clone();

app/components/Settings/BottomScreen/NumberInput.vue

@@ -212,7 +212,7 @@ onRender((ctx) => {
   );
 }, 10);
 
-useKeyDown((key) => {
+useKeyDown(({ key }) => {
   if (isAnimating.value || !props.selected || props.disabled) return;
   switch (key) {
     case "NDS_UP":