Show custom species names in UI

static/js/components/confirmation.js

@@ -55,7 +55,7 @@ const ConfirmationComponent = {
                         <dt>🐟 Especies</dt>
                         <dd>
                             ${capture.items.map(item => `
-                                ${this.getSpeciesName(item.speciesId)}: 
+                                ${item.customName || this.getSpeciesName(item.speciesId)}: 
                                 ${item.quantity} ${item.unit === 'lbs' ? 'libras' : 'unidades'}
                             `).join('<br>')}
                         </dd>
@@ -95,6 +95,7 @@ const ConfirmationComponent = {
     },
 
     getSpeciesName(speciesId) {
+        if (speciesId === 'otro') return 'Otra Especie';
         const species = SpeciesSelectorComponent.allSpecies.find(s => s.id === speciesId);
         return species ? species.commonName : speciesId;
     }

static/js/components/history.js

@@ -47,7 +47,7 @@ const HistoryComponent = {
                     <p>
                         <strong>Especies:</strong> 
                         ${capture.items.map(item =>
-                `${this.getSpeciesName(item.speciesId)} (${item.quantity} ${item.unit === 'lbs' ? 'lbs' : 'unidades'})`
+                `${item.customName || this.getSpeciesName(item.speciesId)} (${item.quantity} ${item.unit === 'lbs' ? 'lbs' : 'unidades'})`
             ).join(', ')}
                     </p>
                     
@@ -91,6 +91,7 @@ const HistoryComponent = {
     },
 
     getSpeciesName(speciesId) {
+        if (speciesId === 'otro') return 'Otra Especie';
         const species = SpeciesSelectorComponent.allSpecies.find(s => s.id === speciesId);
         return species ? species.commonName : speciesId;
     }