test: check that hotkeys are focused before use (#55632)

client/src/templates/Challenges/components/hotkeys.tsx

@@ -224,6 +224,7 @@ function Hotkeys({
     <>
       <HotKeys
         id='editor-layout'
+        data-playwright-test-label='hotkeys'
         allowChanges={true}
         handlers={handlers}
         innerRef={containerRef}

e2e/shortcuts-modal.spec.ts

@@ -28,6 +28,7 @@ const openModal = async (page: Page) => {
   // The editor pane is focused by default, so we need to escape or it will
   // capture the keyboard shortcuts
   await getEditors(page).press('Escape');
+  await expect(page.getByTestId('hotkeys')).toBeFocused();
   await page.keyboard.press('Shift+?');
 };