feat(ux): implement sprint 11 user experience module

src/app/components/header/header.component.html

@@ -38,6 +38,24 @@
 
       <!-- Right Actions -->
       <div class="dexar-actions">
+        @if (userExperienceConfig.wishlist.enabled) {
+          <button type="button" class="dexar-ux-btn" (click)="navigateToWishlist()" [attr.aria-label]="'header.wishlist' | translate">
+            <span class="dexar-ux-icon">♥</span>
+            @if (userExperienceConfig.wishlist.headerBadgeEnabled && wishlistCount() > 0) {
+              <span class="dexar-ux-badge">{{ wishlistCount() }}</span>
+            }
+          </button>
+        }
+
+        @if (userExperienceConfig.compare.enabled) {
+          <button type="button" class="dexar-ux-btn" (click)="navigateToCompare()" [attr.aria-label]="'header.compare' | translate">
+            <span class="dexar-ux-icon">⇄</span>
+            @if (compareCount() > 0) {
+              <span class="dexar-ux-badge">{{ compareCount() }}</span>
+            }
+          </button>
+        }
+
         <!-- Cart Button -->
         <a [routerLink]="'/cart' | langRoute" routerLinkActive="dexar-cart-active" class="dexar-cart-btn" (click)="closeMenu()">
           <span class="dexar-cart-icon">