ci: add frontend typecheck gate

.woodpecker.yml

@@ -35,6 +35,7 @@ steps:
       - |
         cd frontend
         npm ci
+        npm run check
         npm run build
 
 services:

frontend/package.json

@@ -6,11 +6,14 @@
   "scripts": {
     "dev": "astro dev",
     "build": "astro build",
+    "check": "astro check --minimumSeverity error",
     "preview": "astro preview",
     "astro": "astro"
   },
   "dependencies": {
+    "@astrojs/check": "^0.9.6",
+    "@astrojs/node": "^9.0.0",
     "astro": "^5.16.15",
-    "@astrojs/node": "^9.0.0"
+    "typescript": "^5.9.3"
   }
-}
+}

frontend/src/components/ThemeSwitcher.astro

@@ -14,15 +14,16 @@
 <script>
   import { getTheme, applyTheme, loadSavedTheme, saveTheme } from '../lib/themes';
 
-  const select = document.getElementById('theme-select');
+  const select = document.getElementById('theme-select') as HTMLSelectElement | null;
   
   if (select) {
     const currentTheme = loadSavedTheme();
     select.value = currentTheme;
 
     select.addEventListener('change', (e) => {
-      const target = e.target;
-      const themeId = target.value;
+      const target = e.currentTarget as HTMLSelectElement | null;
+      const themeId = target?.value;
+      if (!themeId) return;
       const theme = getTheme(themeId);
       applyTheme(theme);
       saveTheme(themeId);

frontend/src/components/voting/VotingMethodCard.astro

@@ -5,9 +5,9 @@
  */
 interface Props {
   method: 'approval' | 'ranked_choice' | 'schulze' | 'star' | 'quadratic';
-  compact?;
-  selected?;
-  interactive?;
+  compact?: boolean;
+  selected?: boolean;
+  interactive?: boolean;
 }
 
 const { method, compact = false, selected = false, interactive = false } = Astro.props;