build: add package

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "frontend",
-  "version": "1.0.0-b0",
+  "version": "1.0.0-b2",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "frontend",
-      "version": "1.0.0-b0",
+      "version": "1.0.0-b2",
       "dependencies": {
         "@angular/animations": "^18.2.1",
         "@angular/cdk": "~18.2.1",
@@ -35,6 +35,7 @@
         "karma-coverage": "~2.2.1",
         "karma-jasmine": "~5.1.0",
         "karma-jasmine-html-reporter": "~2.1.0",
+        "terser-webpack-plugin": "^5.3.10",
         "typescript": "^5.5.4"
       }
     },
@@ -12373,6 +12374,7 @@
       "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
       "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@jridgewell/trace-mapping": "^0.3.20",
         "jest-worker": "^27.4.5",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "frontend",
-  "version": "1.0.0-b0",
+  "version": "1.0.0-b2",
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
@@ -37,6 +37,7 @@
     "karma-coverage": "~2.2.1",
     "karma-jasmine": "~5.1.0",
     "karma-jasmine-html-reporter": "~2.1.0",
+    "terser-webpack-plugin": "^5.3.10",
     "typescript": "^5.5.4"
   }
 }

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 {
+
+}

src/components/common/tab-storage/tab-storage.component.ts

@@ -67,8 +67,6 @@ export class TabStorageComponent {
 
     selectedData.type = type;
 
-    console.log(selectedData);
-
     localStorage.setItem(this.dataName, JSON.stringify(selectedData));
   }
 

src/styles.css

@@ -1,6 +1,8 @@
 html, body {
   height: 100%;
   background-color: #1A2026 !important;
+  scrollbar-color: #35D073 #231F20 !important;
+  scrollbar-width: thin !important;
 }
 
 body {