feat: Adding bar gauge htDisplayNumber pipe (#1016)

* feat: Adding bar gauge htDisplayNumber

* feat: fixing label

Co-authored-by: Patricio Albizu <[email protected]>

Author: palbizu

projects/observability/src/shared/components/bar-gauge/bar-gauge.component.ts

@@ -27,10 +27,9 @@ import {
       <div class="header-data" [ngClass]="this.display">
         <div *ngIf="this.title" class="title">{{ this.title | htDisplayTitle }}</div>
         <div class="count">
-          <span>{{ this.totalValue | number }}</span>
-          <span class="units" *ngIf="this.units && this.isUnlimited"> {{ this.units }}</span>
+          <span>{{ this.totalValue | htDisplayNumber }}</span>
           <span> / </span>
-          <span *ngIf="!this.isUnlimited">{{ this.maxValue | number }}</span>
+          <span *ngIf="!this.isUnlimited">{{ this.maxValue | htDisplayNumber }}</span>
           <span class="unlimited-symbol" *ngIf="this.isUnlimited">&#8734;</span>
           <span class="units" *ngIf="this.units && !this.isUnlimited"> {{ this.units }}</span>
         </div>