fix nan

src/app/pages/category/subcategories.component.html

@@ -24,9 +24,6 @@
         @for (sub of nestedSubcategories(); track trackBySubId($index, sub)) {
           @if (getSubcategoryRouteId(sub) !== null) {
             <a [routerLink]="['/category', getSubcategoryRouteId(sub)] | langRoute" class="category-card">
-          } else {
-            <div class="category-card category-card--disabled">
-          }
               <div class="category-image">
                 @if (sub.img) {
                   <img [src]="sub.img" [alt]="sub.name" loading="lazy" decoding="async" />
@@ -40,9 +37,22 @@
                   <span class="category-count">{{ sub.itemCount }}</span>
                 }
               </div>
-          @if (getSubcategoryRouteId(sub) !== null) {
             </a>
           } else {
+            <div class="category-card category-card--disabled">
+              <div class="category-image">
+                @if (sub.img) {
+                  <img [src]="sub.img" [alt]="sub.name" loading="lazy" decoding="async" />
+                } @else {
+                  <div class="category-fallback">{{ sub.name.charAt(0) }}</div>
+                }
+              </div>
+              <div class="category-info">
+                <h3 class="category-name">{{ sub.name }}</h3>
+                @if (sub.itemCount) {
+                  <span class="category-count">{{ sub.itemCount }}</span>
+                }
+              </div>
             </div>
           }
         }