Separate PokeAPI ID from national dex for correct form identification

Pokemon forms (e.g., Alolan Rattata) had their PokeAPI ID (10091) stored as
national_dex, causing them to display incorrectly. This renames the unique
identifier to pokeapi_id and adds a real national_dex field shared between
forms and their base species, so Alolan Rattata correctly shows as #19.

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

frontend/src/components/admin/PokemonFormModal.tsx

@@ -10,6 +10,7 @@ interface PokemonFormModalProps {
 }
 
 export function PokemonFormModal({ pokemon, onSubmit, onClose, isSubmitting }: PokemonFormModalProps) {
+  const [pokeapiId, setPokeapiId] = useState(String(pokemon?.pokeapiId ?? ''))
   const [nationalDex, setNationalDex] = useState(String(pokemon?.nationalDex ?? ''))
   const [name, setName] = useState(pokemon?.name ?? '')
   const [types, setTypes] = useState(pokemon?.types.join(', ') ?? '')
@@ -22,6 +23,7 @@ export function PokemonFormModal({ pokemon, onSubmit, onClose, isSubmitting }: P
       .map((t) => t.trim())
       .filter(Boolean)
     onSubmit({
+      pokeapiId: Number(pokeapiId),
       nationalDex: Number(nationalDex),
       name,
       types: typesList,
@@ -36,6 +38,17 @@ export function PokemonFormModal({ pokemon, onSubmit, onClose, isSubmitting }: P
       onSubmit={handleSubmit}
       isSubmitting={isSubmitting}
     >
+      <div>
+        <label className="block text-sm font-medium mb-1">PokeAPI ID</label>
+        <input
+          type="number"
+          required
+          min={1}
+          value={pokeapiId}
+          onChange={(e) => setPokeapiId(e.target.value)}
+          className="w-full px-3 py-2 border rounded-md dark:bg-gray-700 dark:border-gray-600"
+        />
+      </div>
       <div>
         <label className="block text-sm font-medium mb-1">National Dex #</label>
         <input