feat(carousel): enhance image loading strategy and improve product display in carousel

src/app/features/store/pages/store-home-page/store-home-page.component.html

@@ -4,6 +4,7 @@
       class="store-home__main-carousel"
       [images]="mainCarouselImages"
       ariaLabel="Imágenes destacadas de la tienda"
+      (firstImageReady)="mainCarouselReady.set(true)"
     />
   }
 }
@@ -31,6 +32,7 @@
         [groupLayout]="group.group_layout"
         [items]="group.items"
         [loading]="isGroupLoading(group.id)"
+        [loadImages]="!hasMainCarouselImages() || mainCarouselReady()"
         (buy)="onBuyProduct($event)"
         (addToCart)="onAddToCart($event)"
         (pageChange)="onPageChange(group.id, $event)"

src/app/features/store/pages/store-home-page/store-home-page.component.spec.ts

@@ -176,7 +176,14 @@ describe('StoreHomePageComponent', () => {
     expect(element.firstElementChild).toBe(carousel);
     expect(images).toHaveLength(2);
     expect(images?.[0].getAttribute('src')).toBe(mainCarouselImages[0]);
+    expect(images?.[1].getAttribute('src')).toBeNull();
+    expect(element.querySelectorAll('app-product-column-with-image img')).toHaveLength(0);
+
+    images?.[0].dispatchEvent(new Event('load'));
+    fixture.detectChanges();
+
     expect(images?.[1].getAttribute('src')).toBe(mainCarouselImages[1]);
+    expect(element.querySelectorAll('app-product-column-with-image img')).toHaveLength(1);
 
     fixture.destroy();
   });

src/app/features/store/pages/store-home-page/store-home-page.component.ts

@@ -3,6 +3,7 @@ import {
   Component,
   OnDestroy,
   OnInit,
+  computed,
   inject,
   signal,
 } from '@angular/core';
@@ -53,6 +54,10 @@ export class StoreHomePageComponent implements OnInit, OnDestroy {
   protected readonly loading = signal(false);
   protected readonly loadingGroupIds = signal<ReadonlySet<number>>(new Set());
   protected readonly error = signal<string | null>(null);
+  protected readonly mainCarouselReady = signal(false);
+  protected readonly hasMainCarouselImages = computed(
+    () => (this.tenant()?.main_carousel_images?.length ?? 0) > 0,
+  );
 
   private catalogRequestSubscription: Subscription | null = null;
   private readonly groupRequestSubscriptions = new Map<number, Subscription>();