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>