style: apply prettier formatting

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

@@ -212,10 +212,10 @@
                   <input
                     class="ui-form-control"
                     type="text"
-                  [(ngModel)]="categoryForm.slug"
-                  name="categorySlug"
-                  placeholder="desk-accessories"
-                />
+                    [(ngModel)]="categoryForm.slug"
+                    name="categorySlug"
+                    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 {
-  findColorHex,
-  getColorHex,
-} from '../../core/constants/colors.const';
+import { 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">