chore(web): move skill check into dev draw tools

web/src/features/dev/debug/skillcheck.ts

@@ -0,0 +1,11 @@
+import { debugData } from '../../../utils/debugData';
+import { GameDifficulty } from '../../skillcheck';
+
+export const debugSkillCheck = () => {
+  debugData<GameDifficulty | GameDifficulty[]>([
+    {
+      action: 'startSkillCheck',
+      data: ['easy', 'easy', 'hard'],
+    },
+  ]);
+};

web/src/features/dev/index.tsx

@@ -20,6 +20,7 @@ import { debugCustomNotification, debugNotification } from './debug/notification
 import { debugCircleProgressbar, debugProgressbar } from './debug/progress';
 import { debugTextUI } from './debug/textui';
 import { debugSettings } from './debug/settings';
+import { debugSkillCheck } from './debug/skillcheck';
 
 const Dev: React.FC = () => {
   const { isOpen, onOpen, onClose } = useDisclosure();
@@ -82,6 +83,10 @@ const Dev: React.FC = () => {
               <Button isFullWidth onClick={() => debugTextUI()}>
                 Show TextUI
               </Button>
+              <Divider />
+              <Button isFullWidth onClick={() => debugSkillCheck()}>
+                Run skill check
+              </Button>
             </VStack>
           </DrawerBody>
         </DrawerContent>