feat(hero-banner): update image handling to support responsive images and refactor template

feat(cart): enhance editing logic and add tests for editable state
feat(tenant): modify HeroConfig to include responsive image type

src/app/shared/components/hero-banner/hero-banner.component.html

@@ -1,14 +1,13 @@
 <div class="hero-banner-container">
   <div class="hero-banner position-relative rounded">
-    <div
-      class="hero-media"
-      aria-hidden="true"
-      [ngStyle]="{
-        'background-image': heroConfig?.background_image_id
-          ? 'url(' + heroConfig.background_image_id + ')'
-          : 'none',
-      }"
-    ></div>
+    @if (desktopImageUrl) {
+      <picture class="hero-media" aria-hidden="true">
+        @if (mobileImageUrl) {
+          <source media="(max-width: 767.98px)" [srcset]="mobileImageUrl" />
+        }
+        <img [src]="desktopImageUrl" alt="" />
+      </picture>
+    }
 
     @if (heroConfig) {
       <div