feat: add header

src/app/app.component.ts

@@ -5,12 +5,14 @@ import localeRu from '@angular/common/locales/ru';
 import {registerLocaleData} from '@angular/common';
 import {FocusNextDirective} from "@/directives/focus-next.directive";
 import {TokenRefreshService} from "@service/token-refresh.service";
+import {HeaderComponent} from "@component/common/header/header.component";
 
 @Component({
   selector: 'app-root',
   standalone: true,
-  imports: [RouterOutlet, FooterComponent, FocusNextDirective],
+  imports: [RouterOutlet, FooterComponent, FocusNextDirective, HeaderComponent],
   template: `
+    <app-header/>
     <router-outlet/>
     <app-footer/>`
 })

src/components/common/header/header.component.css

@@ -0,0 +1,9 @@
+mat-toolbar a {
+  color: inherit;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+mat-toolbar a:hover {
+  text-decoration: underline;
+}

src/components/common/header/header.component.html

@@ -0,0 +1,3 @@
+<mat-toolbar style="justify-content: space-between;">
+  <a href="/" style="color: inherit;">Winsomnia</a>
+</mat-toolbar>

src/components/common/header/header.component.ts

@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+import {MatToolbar} from "@angular/material/toolbar";
+import {MatAnchor, MatButton} from "@angular/material/button";
+
+@Component({
+  selector: 'app-header',
+  standalone: true,
+  imports: [
+    MatToolbar,
+    MatButton,
+    MatAnchor
+  ],
+  templateUrl: './header.component.html',
+  styleUrl: './header.component.css'
+})
+export class HeaderComponent {
+
+}