Merge remote-tracking branch 'origin/dev' into dev

frontend/src/app/app.routes.ts

@@ -61,7 +61,7 @@ const appChildRoutes: Routes = [
         'Scopri il team 3D fab e il laboratorio di stampa 3D con sedi in Ticino e Bienne.',
     },
   },
- /* {
+  /* {
     path: 'materials',
     loadComponent: () =>
       import('./features/materials/materials-page.component').then(

frontend/src/app/core/layout/navbar.component.html

@@ -130,7 +130,9 @@
                 <div class="cart-line-copy">
                   <strong>{{ cartItemName(item) }}</strong>
                   @if (cartItemVariant(item); as variant) {
-                    <span class="cart-line-meta">{{ variant | translate }}</span>
+                    <span class="cart-line-meta">{{
+                      variant | translate
+                    }}</span>
                   }
                   @if (cartItemColor(item); as color) {
                     <span class="cart-line-color">

frontend/src/app/core/services/seo.service.ts

@@ -59,9 +59,11 @@ export class SeoService {
   applyPageSeo(override: PageSeoOverride): void {
     const cleanPath = this.getCleanPath(this.router.url);
     const lang = this.resolveLangFromPath(cleanPath);
-    const title = this.asString(override.title) ?? this.defaultTitleByLang[lang];
+    const title =
+      this.asString(override.title) ?? this.defaultTitleByLang[lang];
     const description =
-      this.asString(override.description) ?? this.defaultDescriptionByLang[lang];
+      this.asString(override.description) ??
+      this.defaultDescriptionByLang[lang];
     const robots = this.asString(override.robots) ?? 'index, follow';
     const ogTitle = this.asString(override.ogTitle) ?? title;
     const ogDescription = this.asString(override.ogDescription) ?? description;
@@ -135,7 +137,11 @@ export class SeoService {
   ): string | undefined {
     const mapKey = `${key}ByLang`;
     const localized = routeData[mapKey];
-    if (localized && typeof localized === 'object' && !Array.isArray(localized)) {
+    if (
+      localized &&
+      typeof localized === 'object' &&
+      !Array.isArray(localized)
+    ) {
       const mapped = localized as SeoMap;
       const byLang = this.asString(mapped[lang]);
       if (byLang) {
@@ -152,7 +158,10 @@ export class SeoService {
 
   private resolveLangFromPath(path: string): SupportedLang {
     const firstSegment = path.split('/').filter(Boolean)[0]?.toLowerCase();
-    if (firstSegment && this.supportedLangs.has(firstSegment as SupportedLang)) {
+    if (
+      firstSegment &&
+      this.supportedLangs.has(firstSegment as SupportedLang)
+    ) {
       return firstSegment as SupportedLang;
     }
     return 'it';

frontend/src/app/features/admin/pages/admin-shop.component.html

@@ -212,10 +212,10 @@
                   <input
                     class="ui-form-control"
                     type="text"
-                  [(ngModel)]="categoryForm.slug"
+                    [(ngModel)]="categoryForm.slug"
-                  name="categorySlug"
+                    name="categorySlug"
-                  placeholder="desk-accessories"
+                    placeholder="desk-accessories"
-                />
+                  />
                   <button
                     type="button"
                     class="ui-button ui-button--ghost"

frontend/src/app/features/admin/pages/admin-shop.component.ts

@@ -1343,7 +1343,9 @@ export class AdminShopComponent implements OnInit, OnDestroy {
       seoTitleEn: this.optionalValue(this.categoryForm.seoTitles['en']),
       seoTitleDe: this.optionalValue(this.categoryForm.seoTitles['de']),
       seoTitleFr: this.optionalValue(this.categoryForm.seoTitles['fr']),
-      seoDescription: this.optionalValue(this.categoryForm.seoDescriptions['it']),
+      seoDescription: this.optionalValue(
+        this.categoryForm.seoDescriptions['it'],
+      ),
       seoDescriptionIt: this.optionalValue(
         this.categoryForm.seoDescriptions['it'],
       ),

frontend/src/app/features/order/order.component.html

@@ -239,7 +239,8 @@
 
                   <div class="order-item-meta">
                     <span
-                      >{{ "CHECKOUT.QTY" | translate }}: {{ item.quantity }}</span
+                      >{{ "CHECKOUT.QTY" | translate }}:
+                      {{ item.quantity }}</span
                     >
                     <span *ngIf="showItemMaterial(item)">
                       {{ "CHECKOUT.MATERIAL" | translate }}:

frontend/src/app/features/shop/product-detail.component.html

@@ -20,7 +20,9 @@
             }}</a>
             @for (crumb of p.breadcrumbs; track crumb.id) {
               <span class="breadcrumbs__separator">/</span>
-              <a class="breadcrumbs__item" [routerLink]="categoryLink(crumb.slug)"
+              <a
+                class="breadcrumbs__item"
+                [routerLink]="categoryLink(crumb.slug)"
                 >{{ crumb.name }}</a
               >
             }
@@ -143,12 +145,15 @@
                             <span>{{ selectedMaterial()?.label }}</span>
                           }
                           @if (
-                            colorLabel(activeVariant) !== selectedMaterial()?.label
+                            colorLabel(activeVariant) !==
+                            selectedMaterial()?.label
                           ) {
                             @if (selectedMaterial()?.label) {
                               <span aria-hidden="true">·</span>
                             }
-                            <span>{{ colorLabel(activeVariant) | translate }}</span>
+                            <span>{{
+                              colorLabel(activeVariant) | translate
+                            }}</span>
                           }
                         </p>
                       }
@@ -174,7 +179,10 @@
                       </div>
 
                       <div class="material-grid">
-                        @for (material of materialOptions(); track material.key) {
+                        @for (
+                          material of materialOptions();
+                          track material.key
+                        ) {
                           <button
                             type="button"
                             class="material-option"

frontend/src/app/features/shop/product-detail.component.ts

@@ -15,10 +15,7 @@ import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { catchError, combineLatest, finalize, of, switchMap, tap } from 'rxjs';
 import { SeoService } from '../../core/services/seo.service';
 import { LanguageService } from '../../core/services/language.service';
-import {
+import { findColorHex, getColorHex } from '../../core/constants/colors.const';
-  findColorHex,
-  getColorHex,
-} from '../../core/constants/colors.const';
 import { AppButtonComponent } from '../../shared/components/app-button/app-button.component';
 import { AppCardComponent } from '../../shared/components/app-card/app-card.component';
 import { StlViewerComponent } from '../../shared/components/stl-viewer/stl-viewer.component';
@@ -381,7 +378,9 @@ export class ProductDetailComponent {
   }
 
   colorLabel(variant: ShopProductVariantOption): string {
-    return variant.colorLabel || variant.colorName || variant.variantLabel || '-';
+    return (
+      variant.colorLabel || variant.colorName || variant.variantLabel || '-'
+    );
   }
 
   colorHex(variant: ShopProductVariantOption | null | undefined): string {

frontend/src/app/features/shop/shop-page.component.html

@@ -84,7 +84,9 @@
                 <div class="cart-line-copy">
                   <strong>{{ cartItemName(item) }}</strong>
                   @if (cartItemVariant(item); as variant) {
-                    <span class="cart-line-meta">{{ variant | translate }}</span>
+                    <span class="cart-line-meta">{{
+                      variant | translate
+                    }}</span>
                   }
                   @if (cartItemColor(item); as color) {
                     <span class="cart-line-color">

frontend/src/app/shared/components/color-selector/color-selector.component.ts

@@ -1,4 +1,11 @@
-import { Component, input, output, signal, computed, inject } from '@angular/core';
+import {
+  Component,
+  input,
+  output,
+  signal,
+  computed,
+  inject,
+} from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { TranslateModule } from '@ngx-translate/core';
 import {