feat(lib): change locale to signal input

libs/ui/src/lib/accounts-table/accounts-table.component.html

@@ -150,7 +150,7 @@
         <gf-value
           class="d-inline-block justify-content-end"
           [isCurrency]="true"
-          [locale]="locale"
+          [locale]="locale()"
           [value]="element.balance"
         />
       </td>
@@ -162,7 +162,7 @@
         <gf-value
           class="d-inline-block justify-content-end"
           [isCurrency]="true"
-          [locale]="locale"
+          [locale]="locale()"
           [value]="totalBalanceInBaseCurrency"
         />
       </td>
@@ -185,7 +185,7 @@
         <gf-value
           class="d-inline-block justify-content-end"
           [isCurrency]="true"
-          [locale]="locale"
+          [locale]="locale()"
           [value]="element.value"
         />
       </td>
@@ -197,7 +197,7 @@
         <gf-value
           class="d-inline-block justify-content-end"
           [isCurrency]="true"
-          [locale]="locale"
+          [locale]="locale()"
           [value]="totalValueInBaseCurrency"
         />
       </td>
@@ -220,7 +220,7 @@
         <gf-value
           class="d-inline-block justify-content-end"
           [isCurrency]="true"
-          [locale]="locale"
+          [locale]="locale()"
           [value]="element.valueInBaseCurrency"
         />
       </td>
@@ -232,7 +232,7 @@
         <gf-value
           class="d-inline-block justify-content-end"
           [isCurrency]="true"
-          [locale]="locale"
+          [locale]="locale()"
           [value]="totalValueInBaseCurrency"
         />
       </td>
@@ -255,7 +255,7 @@
         <gf-value
           class="d-inline-block justify-content-end"
           [isPercent]="true"
-          [locale]="locale"
+          [locale]="locale()"
           [precision]="2"
           [value]="element.allocationInPercentage"
         />

libs/ui/src/lib/accounts-table/accounts-table.component.ts

@@ -59,7 +59,6 @@ export class GfAccountsTableComponent {
   @Input() baseCurrency: string;
   @Input() deviceType: string;
   @Input() hasPermissionToOpenDetails = true;
-  @Input() locale = getLocale();
   @Input() showFooter = true;
   @Input() totalBalanceInBaseCurrency: number;
   @Input() totalValueInBaseCurrency: number;
@@ -69,6 +68,7 @@ export class GfAccountsTableComponent {
   @Output() transferBalance = new EventEmitter<void>();
 
   public readonly accounts = input.required<Account[] | undefined>();
+  public readonly locale = input(getLocale());
   public readonly showActions = input<boolean>();
   public readonly showActivitiesCount = input(true);
   public readonly showAllocationInPercentage = input<boolean>();