OZG-6999 Change build info colors

* Add roboto font
* Show header over build info

alfa-client/apps/admin/src/app/app.component.html

 <ng-container *ngIf="(apiRootStateResource$ | async)?.resource as apiRoot">
   <header
-    class="flex h-16 items-center justify-between border-b border-b-ozggray-300 bg-white px-9 py-2"
+    class="z-50 flex h-16 items-center justify-between border-b border-b-ozggray-300 bg-white px-9 py-2"
     data-test-id="admin-header"
   >
     <a

alfa-client/apps/admin/src/styles.scss

@@ -7,12 +7,17 @@
 @import 'libs/design-system/src/lib/tailwind-preset/root.css';
 @import 'libs/ui/src/lib/font/font_material';
 @import 'variables';
+@import 'typeface-roboto/index.css';
 
 @include mat.all-component-typographies();
 @include mat.core();
 
 @include mat.all-component-themes($alfaTheme);
 
+body {
+  font-family: Roboto, 'Helvetica Neue', sans-serif;
+}
+
 body.dark {
   @include mat.all-component-colors($alfaDarkTheme);
 }

alfa-client/libs/common-lib/src/lib/build-info/build-info.component.scss

@@ -36,10 +36,6 @@
   transform-origin: right bottom;
 }
 
-:host-context(.dark) {
-  color: #ccc;
-}
-
 p {
   margin: 0;
   line-height: 1;
@@ -47,7 +43,7 @@ p {
   font-style: normal;
   font-weight: 400;
   font-size: 0.6875rem;
-  color: #999;
+  color: theme('colors.text/70');
 
   &.version {
     span {