fix(console): Load local font asset, remove style override, clockskew reactive forms (#6834)

fix: local asset, rm title override, clockskew app-detail

Co-authored-by: Livio Spring <[email protected]>

console/src/app/pages/projects/apps/app-detail/app-detail.component.html

@@ -285,14 +285,13 @@
               <!-- TODO: The 'tickInterval' property no longer exists -->
               <mat-slider
                 color="primary"
-                formControlName="clockSkewSeconds"
                 class="clockskew-slider"
                 thumbLabel
                 [displayWith]="formatClockSkewLabel"
                 min="0"
                 [step]="1"
                 max="5"
-                ><input matSliderThumb />
+                ><input matSliderThumb formControlName="clockSkewSeconds" />
               </mat-slider>
               <cnsl-info-section class="full-width app-desc">
                 <span>{{ 'APP.OIDC.CLOCKSKEW' | translate }}</span>

console/src/app/pages/projects/apps/app-detail/app-detail.component.scss

@@ -8,10 +8,6 @@
   $button-disabled-text-color: map-get($foreground, disabled-button);
   $divider-color: map-get($foreground, dividers);
 
-  .title {
-    margin-bottom: 1rem;
-  }
-
   .metadata-option {
     margin-top: 0.5rem;
     margin-bottom: 0.5rem;