improvments are done

src/app/pages/category/category.component.ts

@@ -1,14 +1,14 @@
 import { Component, OnInit, OnDestroy, signal, HostListener, ChangeDetectionStrategy } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { DecimalPipe } from '@angular/common';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 import { ApiService, CartService } from '../../services';
 import { Item } from '../../models';
 import { Subscription } from 'rxjs';
+import { getDiscountedPrice, getMainImage, trackByItemId } from '../../utils/item.utils';
 
 @Component({
   selector: 'app-category',
-  standalone: true,
-  imports: [CommonModule, RouterLink],
+  imports: [DecimalPipe, RouterLink],
   templateUrl: './category.component.html',
   styleUrls: ['./category.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush
@@ -102,16 +102,7 @@ export class CategoryComponent implements OnInit, OnDestroy {
     this.cartService.addItem(itemID);
   }
 
-  getDiscountedPrice(item: Item): number {
-    return item.price * (1 - item.discount / 100);
-  }
-
-  getMainImage(item: Item): string {
-    return item.photos?.[0]?.url || '';
-  }
-
-  // TrackBy function for performance optimization
-  trackByItemId(index: number, item: Item): number {
-    return item.itemID;
-  }
+  readonly getDiscountedPrice = getDiscountedPrice;
+  readonly getMainImage = getMainImage;
+  readonly trackByItemId = trackByItemId;
 }

src/app/pages/category/subcategories.component.ts

@@ -1,13 +1,11 @@
 import { Component, OnInit, signal, ChangeDetectionStrategy } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { ApiService } from '../../services';
 import { Category } from '../../models';
 
 @Component({
   selector: 'app-subcategories',
-  standalone: true,
-  imports: [CommonModule, RouterLink],
+  imports: [RouterLink],
   templateUrl: './subcategories.component.html',
   styleUrls: ['./subcategories.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush