//function updateMonstersDropdownBySelected() {
//    const selectedMonster = parent.value;
//
//    // Fetch monsters data from the server based on the selected monster
//    fetch(`/monster_info_json/${selectedMonster}`)
//        .then(response => response.json())
//        .then(data => populateDropdown(monsterDropdown, data))
//        .catch(error => console.error("Error fetching monsters:", error));
//}

// I was using this to try to update the page when a monster 
// in the breeding page is clicked