Merge pull request steam-bell-92#1403 from jyotish6699/feature/favorites-count-badge

feat: Add dynamic favorites count badge to My Favorites

Author: steam-bell-92

web-app/index.html

@@ -150,7 +150,10 @@
         </button>
         <button aria-selected="false" class="sidebar-tab" data-category="favorites" role="tab" tabindex="-1">
           <span class="sidebar-icon"><svg data-lucide="star"></svg></span>
-          <span class="sidebar-label">My Favorites</span>
+          <span class="sidebar-label">
+            My Favorites
+            <span id="favoritesCountBadge">0</span>
+          </span>
         </button>
         <button aria-selected="false" class="sidebar-tab" data-category="playground" role="tab" tabindex="-1">
           <span class="sidebar-icon"><svg data-lucide="terminal"></svg></span>

web-app/js/main.js

@@ -1425,6 +1425,14 @@ document.addEventListener("DOMContentLoaded", function () {
   window.closeProjectSafe = closeProjectSafe;
   window.setMainInert = setMainInert;
 
+  function updateFavoritesCountBadge() {
+    const badge = document.getElementById("favoritesCountBadge");
+    if (!badge) return;
+
+    const favorites = JSON.parse(localStorage.getItem("favorites") || "[]");
+    badge.textContent = `(${favorites.length})`;
+  }
+
   /* ═══════════════════════════════════════════════════════════════
        WIRE PROJECT CARDS
        ═══════════════════════════════════════════════════════════════ */
@@ -1466,6 +1474,7 @@ document.addEventListener("DOMContentLoaded", function () {
         }
       }
       localStorage.setItem("favorites", JSON.stringify(favs));
+      updateFavoritesCountBadge();
     });
 
     var cardActions = card.querySelector(".card-actions");
@@ -1534,6 +1543,8 @@ document.addEventListener("DOMContentLoaded", function () {
 
   projectCards.forEach(wireProjectCard);
 
+  updateFavoritesCountBadge();
+
   window.updateRecentlyViewed = function () {
     var grid = document.getElementById("recentlyViewedGrid");
     var section = document.getElementById("recentlyViewedSection");