Align repo config with global development standards

- Add missing tsconfig strictness flags (noUncheckedIndexedAccess,
  exactOptionalPropertyTypes, noImplicitOverride,
  noPropertyAccessFromIndexSignature) and fix all resulting type errors
- Replace ESLint/Prettier with oxlint 1.48.0 and oxfmt 0.33.0
- Pin all frontend and backend dependencies to exact versions
- Pin GitHub Actions to SHA hashes with persist-credentials: false
- Fix CI Python version mismatch (3.12 -> 3.14) and ruff target-version
- Add vitest 4.0.18 with jsdom environment for frontend testing
- Add ty 0.0.17 for Python type checking (non-blocking in CI)
- Add actionlint and zizmor CI job for workflow linting and security audit
- Add Dependabot config for npm, pip, and github-actions
- Update CLAUDE.md and pre-commit hooks to reflect new tooling
- Ignore Claude Code sandbox artifacts in gitignore

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/components/ShinyEncounterModal.tsx

@@ -1,10 +1,6 @@
 import { useState, useMemo } from 'react'
 import { useRoutePokemon } from '../hooks/useGames'
-import {
-  EncounterMethodBadge,
-  getMethodLabel,
-  METHOD_ORDER,
-} from './EncounterMethodBadge'
+import { EncounterMethodBadge, getMethodLabel, METHOD_ORDER } from './EncounterMethodBadge'
 import type { Route, RouteEncounterDetail } from '../types'
 
 interface ShinyEncounterModalProps {
@@ -13,9 +9,9 @@ interface ShinyEncounterModalProps {
   onSubmit: (data: {
     routeId: number
     pokemonId: number
-    nickname?: string
+    nickname?: string | undefined
     status: 'caught'
-    catchLevel?: number
+    catchLevel?: number | undefined
     isShiny: true
   }) => void
   onClose: () => void
@@ -50,13 +46,9 @@ export function ShinyEncounterModal({
   isPending,
 }: ShinyEncounterModalProps) {
   const [selectedRouteId, setSelectedRouteId] = useState<number | null>(null)
-  const { data: routePokemon, isLoading: loadingPokemon } = useRoutePokemon(
-    selectedRouteId,
-    gameId
-  )
+  const { data: routePokemon, isLoading: loadingPokemon } = useRoutePokemon(selectedRouteId, gameId)
 
-  const [selectedPokemon, setSelectedPokemon] =
-    useState<RouteEncounterDetail | null>(null)
+  const [selectedPokemon, setSelectedPokemon] = useState<RouteEncounterDetail | null>(null)
   const [nickname, setNickname] = useState('')
   const [catchLevel, setCatchLevel] = useState<string>('')
   const [search, setSearch] = useState('')
@@ -111,12 +103,7 @@ export function ShinyEncounterModal({
               onClick={onClose}
               className="text-gray-400 hover:text-gray-600 dark:hover:text-gray-200"
             >
-              <svg
-                className="w-5 h-5"
-                fill="none"
-                stroke="currentColor"
-                viewBox="0 0 24 24"
-              >
+              <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path
                   strokeLinecap="round"
                   strokeLinejoin="round"
@@ -203,21 +190,18 @@ export function ShinyEncounterModal({
                                 />
                               ) : (
                                 <div className="w-10 h-10 rounded-full bg-gray-200 dark:bg-gray-600 flex items-center justify-center text-xs font-bold">
-                                  {rp.pokemon.name[0].toUpperCase()}
+                                  {rp.pokemon.name[0]?.toUpperCase()}
                                 </div>
                               )}
                               <span className="text-xs text-gray-700 dark:text-gray-300 mt-1 capitalize">
                                 {rp.pokemon.name}
                               </span>
                               {SPECIAL_METHODS.includes(rp.encounterMethod) && (
-                                <EncounterMethodBadge
-                                  method={rp.encounterMethod}
-                                />
+                                <EncounterMethodBadge method={rp.encounterMethod} />
                               )}
                               <span className="text-[10px] text-gray-400">
                                 Lv. {rp.minLevel}
-                                {rp.maxLevel !== rp.minLevel &&
-                                  `–${rp.maxLevel}`}
+                                {rp.maxLevel !== rp.minLevel && `–${rp.maxLevel}`}
                               </span>
                             </button>
                           ))}