feat(client): migrate unit to input signal

apps/client/src/app/components/portfolio-performance/portfolio-performance.component.html

@@ -29,7 +29,7 @@
       <span #value id="value"></span>
     </div>
     <div class="currency-container flex-grow-1 px-1">
-      {{ unit }}
+      {{ unit() }}
     </div>
   </div>
   @if (showDetails()) {

apps/client/src/app/components/portfolio-performance/portfolio-performance.component.ts

@@ -14,10 +14,9 @@ import {
   ChangeDetectionStrategy,
   Component,
   ElementRef,
+  effect,
   inject,
   input,
-  Input,
-  OnChanges,
   viewChild
 } from '@angular/core';
 import { IonIcon } from '@ionic/angular/standalone';
@@ -34,9 +33,7 @@ import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader';
   styleUrls: ['./portfolio-performance.component.scss'],
   templateUrl: './portfolio-performance.component.html'
 })
-export class GfPortfolioPerformanceComponent implements OnChanges {
+export class GfPortfolioPerformanceComponent {
-  @Input() unit: string;
-
   public readonly errors = input<ResponseError['errors']>();
   public readonly isLoading = input<boolean>();
   public readonly locale = input<string>(getLocale());
@@ -47,6 +44,7 @@ export class GfPortfolioPerformanceComponent implements OnChanges {
     }
   });
   public readonly showDetails = input<boolean>(false);
+  public readonly unit = input.required<string>();
 
   private readonly value =
     viewChild.required<ElementRef<HTMLSpanElement>>('value');
@@ -55,9 +53,8 @@ export class GfPortfolioPerformanceComponent implements OnChanges {
 
   public constructor() {
     addIcons({ timeOutline });
-  }
 
-  public ngOnChanges() {
+    effect(() => {
       if (this.isLoading()) {
         if (this.value().nativeElement) {
           this.value().nativeElement.innerHTML = '';
@@ -85,6 +82,7 @@ export class GfPortfolioPerformanceComponent implements OnChanges {
           this.value().nativeElement.innerHTML = '*****';
         }
       }
+    });
   }
 
   protected onShowErrors() {