feat: tailwind and header

apps/NwaifuAnime/src/app/components/header/header.component.html

@@ -0,0 +1,17 @@
+<div
+  class="fixed flex justify-between w-full p-2 bg-gray-700 md:h-8 h-auto items-center md:flex-row flex-col"
+>
+  <h1 class="text-white">NwaifuAnime</h1>
+  <div
+    id="search-bar"
+    class="bg-slate-300 md:w-[50%] w-full md:m-0 ms-2 me-2 max-h-6 flex justify-start flex-row items-center gap-1 rounded-md"
+  >
+    <input
+      type="search"
+      class="outline-none ps-1 text-sm leading-6 w-[70%] border-0 bg-transparent border-r border-gray-700"
+    />
+    <button class="align-middle w-[30%] text-center" type="submit">
+      <span class="text-sm text-white">Поиск <i class="lni lni-search-alt"></i></span>
+    </button>
+  </div>
+</div>

apps/NwaifuAnime/src/app/components/header/header.component.ts

@@ -0,0 +1,9 @@
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-header",
+  templateUrl: "./header.component.html",
+  styleUrls: ["./header.component.less"],
+  standalone: true,
+})
+export class HeaderComponent {}

apps/NwaifuAnime/src/app/components/home/home.component.html

@@ -0,0 +1 @@
+<h1>It's home component</h1>

apps/NwaifuAnime/src/app/components/home/home.component.ts

@@ -0,0 +1,11 @@
+import { CommonModule } from "@angular/common";
+import { Component } from "@angular/core";
+
+@Component({
+  standalone: true,
+  selector: "app-home",
+  templateUrl: "./home.component.html",
+  styleUrls: ["./home.component.less"],
+  imports: [CommonModule],
+})
+export class HomeComponent {}