feat(client): convert benchmarks to signal

apps/client/src/app/components/home-market/home-market.component.ts

@@ -20,7 +20,8 @@ import {
   CUSTOM_ELEMENTS_SCHEMA,
   DestroyRef,
   inject,
-  OnInit
+  OnInit,
+  signal
 } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { DeviceDetectorService } from 'ngx-device-detector';
@@ -37,7 +38,7 @@ import { DeviceDetectorService } from 'ngx-device-detector';
   templateUrl: './home-market.html'
 })
 export class GfHomeMarketComponent implements OnInit {
-  protected benchmarks: Benchmark[];
+  protected readonly benchmarks = signal<Benchmark[]>([]);
   protected readonly deviceType = computed(
     () => this.deviceDetectorService.deviceInfo().deviceType
   );
@@ -106,9 +107,7 @@ export class GfHomeMarketComponent implements OnInit {
       .fetchBenchmarks()
       .pipe(takeUntilDestroyed(this.destroyRef))
       .subscribe(({ benchmarks }) => {
-        this.benchmarks = benchmarks;
-
-        this.changeDetectorRef.markForCheck();
+        this.benchmarks.set(benchmarks);
       });
   }
 }

apps/client/src/app/components/home-market/home-market.html

@@ -31,13 +31,13 @@
   <div class="mb-3 row">
     <div class="col-xs-12 col-md-10 offset-md-1">
       <gf-benchmark
-        [benchmarks]="benchmarks"
+        [benchmarks]="benchmarks()"
         [deviceType]="deviceType()"
         [locale]="user?.settings?.locale || undefined"
         [showSymbol]="false"
         [user]="user"
       />
-      @if (benchmarks?.length > 0) {
+      @if (benchmarks()?.length > 0) {
         <div
           class="gf-text-wrap-balance line-height-1 mt-3 text-center text-muted"
         >