OZG-6102 OZG-6521 Use logo icon in header

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

 <ng-container *ngIf="(apiRootStateResource$ | async)?.resource as apiRoot">
-  <header class="flex items-center justify-between bg-white p-6" data-test-id="admin-header">
-    <div class="font-extrabold text-ozgblue">OZG-Cloud Administration</div>
+  <header
+    class="flex h-16 items-center justify-between bg-white px-9 py-2"
+    data-test-id="admin-header"
+  >
+    <a
+      class="rounded border-2 border-transparent p-1 outline-2 outline-offset-2 hover:border-primary focus-visible:border-gray-200 focus-visible:outline-focus"
+      aria-label="OZG-Cloud Administration"
+      routerLink="/"
+      ><ods-admin-logo-icon
+    /></a>
     <div>
       <user-profile-button-container
         data-test-id="user-profile-button"

alfa-client/apps/admin/src/app/app.module.ts

@@ -13,7 +13,7 @@ import { EffectsModule } from '@ngrx/effects';
 import { StoreRouterConnectingModule } from '@ngrx/router-store';
 import { StoreModule } from '@ngrx/store';
 import { StoreDevtoolsModule } from '@ngrx/store-devtools';
-import { TestbtnComponent } from '@ods/system';
+import { AdminLogoIconComponent } from '@ods/system';
 import { OAuthModule } from 'angular-oauth2-oidc';
 import { HttpUnauthorizedInterceptor } from 'libs/authentication/src/lib/http-unauthorized.interceptor';
 import { UserProfileButtonContainerComponent } from '../common/user-profile-button-container/user-profile.button-container.component';
@@ -34,7 +34,7 @@ import { appRoutes } from './app.routes';
   ],
   imports: [
     CommonModule,
-    TestbtnComponent,
+    AdminLogoIconComponent,
     RouterModule.forRoot(appRoutes),
     BrowserModule,
     BrowserAnimationsModule,

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

@@ -2,4 +2,4 @@
 @tailwind components;
 @tailwind utilities;
 
-/* You can add global styles to this file, and also import other style files */
+@import 'libs/design-system/src/lib/tailwind-preset/root.css';