fix: show empty cart if cart is empty

src/app/shared/components/cart/cart.html

@@ -5,19 +5,20 @@
     <li><a class="block h-full w-full">Loading</a></li>
   } @else {
     <ol
-    [class.pointer-events-none]="isLoading()"
-    [class.opacity-40]="isLoading()"
       [class.cursor-block]="isLoading()"
+      [class.opacity-40]="isLoading()"
+      [class.pointer-events-none]="isLoading()"
       class="rounded-none!"
     >
       @for (item of cart.items; track item.id) {
         <app-cart-item
-      (qtyChangeEvent)="updateProductQty($event)"
           (productDeleteEvent)="removeProduct($event)"
+          (qtyChangeEvent)="updateProductQty($event)"
           [cartItem]="item"
         />
       }
     </ol>
+    @if (cart.itemsCount > 0) {
 
       <div class="flex justify-between mt-4 px-2 font-bold text-lg">
         <p>Total</p>
@@ -28,4 +29,8 @@
         <a [routerLink]="`/checkout/address`" class="btn btn-primary px-4">Proceed to checkout</a>
       </li>
     }
+  @else{
+    <li><a class="block h-full w-full">Cart is empty !</a></li>
+  }
+  }
 </ul>