Update Contributor List and Display Total Count

contributors/contributorsList.js

@@ -1901,4 +1901,9 @@ contributors = [
     fullname: "JaviDB",
     username: "https://github.com/JavierTLoina",
   },
+  {
+    id: 375,
+    fullname: "Amna Mubarak",
+    username: "https://github.com/AmnaMubarak",
+  },
 ];

index.html

@@ -71,6 +71,7 @@ <h1 class="heading"><b>CONTRIBUTORS</b></h1>
 
             <div class="d-flex justify-content-between align-items-center flex-wrap">
                 <p class="rubberBand delay-4s">Add yourself to the list if you contribute.</p>
+                <p class="contributor-count-text">Total Contributors: <span id="contributor-count">375</span></p>
                 <div class="inputs mr-3">
                     <label for="search" class="sr-only">Search contributors</label>
                     <i class="fa fa-search" aria-hidden="true"></i>

scripts/contributors-ui.js

@@ -70,6 +70,14 @@
     loadMoreBtn.hidden = visibleCount >= total;
   }
 
+  function updateContributorCount(count) {
+    const countElement = document.getElementById('contributor-count');
+    if (countElement) {
+      countElement.textContent = count;
+    }
+  }
+
+  updateContributorCount(contributors.length);
   render(contributors, visibleCount);
   updateLoadMoreState(contributors.length);