fix(build): upgrade to ES2022 and add precommit test hooks

- Update tsconfig target and lib to ES2022 to support Array.at()
- Fix E2E test to use correct empty state text ("Backlog bankruptcy!")
- Add E2E test runner to lint-staged for changed spec files
- Add TypeScript check to lint-staged for changed source files

Author: msujaws

.lintstagedrc.js

@@ -0,0 +1,9 @@
+export default {
+  '*.{ts,tsx}': ['eslint --fix', 'prettier --write'],
+  '*.css': ['stylelint --fix', 'prettier --write'],
+  '*.{json,md}': ['prettier --write'],
+  // Run changed E2E tests (chromium only for speed, CI runs all browsers)
+  'tests/integration/**/*.spec.ts': (files) => `npx playwright test --project=chromium ${files.join(' ')}`,
+  // Run tsc on whole project when any source file changes (not per-file)
+  'src/**/*.{ts,tsx}': () => 'npx tsc --noEmit',
+}

.lintstagedrc.json

@@ -54,8 +54,7 @@ export function useFocusTrap(ref: RefObject<HTMLElement | null>, enabled: boolea
       if (focusable.length === 0) return
 
       const firstElement = focusable[0]
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call
-      const lastElement: HTMLElement | undefined = focusable.at(-1)
+      const lastElement = focusable.at(-1)
       if (!firstElement || !lastElement) return
 
       if (event.shiftKey) {

src/hooks/use-focus-trap.ts

@@ -245,8 +245,8 @@ test.describe('Filter Flow', () => {
     // All columns should be empty (show empty state message)
     const backlogSection = page.getByRole('region', { name: 'Backlog section' })
     await expect(backlogSection).toBeVisible()
-    // Should show empty state text in at least one column
-    await expect(backlogSection.getByText('No bugs here!')).toBeVisible()
+    // Should show empty state text in backlog column
+    await expect(backlogSection.getByText('Backlog bankruptcy!')).toBeVisible()
   })
 
   test('should clear filters and reload', async ({ page }) => {

tests/integration/filter-flow.spec.ts

@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
+    "target": "ES2022",
     "useDefineForClassFields": true,
-    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,