breed usage no longer has any duplicates

static/js/updateBreedingUsage.js

@@ -18,12 +18,19 @@ function updateBreedingUsage() {
   // Clear previous HTML content
   offspringContainer.innerHTML = "<h2 class='text-xl font-bold'>Used to Breed: </h2><ul class='list-disc'>";
 
-    // Create and append HTML for each offspring
+  // Create a Set to store unique offspring monsters
+  var uniqueOffspringSet = new Set();
+
+  // Add unique offspring to the Set
   usageData.forEach(item => {
+      uniqueOffspringSet.add(item.offspring);
+  });
+
+  // Create and append HTML for each unique offspring
+  uniqueOffspringSet.forEach(offspring => {
       var offspringHTML = `<li class='font-bold marker:text-slate-400 text-purple-300'>
-                            ${item.offspring}   
-                            </li>
-                            `;
+                          ${offspring}   
+                          </li>`;
       offspringContainer.innerHTML += offspringHTML;
   });