feat: started header changing

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

@@ -1,6 +1,6 @@
 <div
   [class]="
-    'header fixed flex justify-between w-full px-2 bg-gray-700 md:h-8 items-center md:flex-row flex-col md:gap-0 gap-3 text-xl md:text-base ' +
+    'header fixed flex justify-between w-full px-2 bg-gray-700 md:h-10 items-center md:flex-row flex-col md:gap-0 gap-3 text-xl md:text-base ' +
     (menuOpened ? 'h-screen' : '')
   "
 >
@@ -39,6 +39,7 @@
         #searchInput
         class="outline-none ps-1 text-sm leading-6 w-full border-0 bg-transparent border-r border-gray-700"
         (keydown.enter)="search()"
+        placeholder="Начать поиск"
       />
       <button
         class="align-middle w-[100px] text-center border-0 flex flex-col items-center justify-center"
@@ -48,6 +49,14 @@
         <span class="text-sm text-black h-full">Поиск</span>
       </button>
     </div>
+    <div class="profile-pic hidden md:block">
+      <!-- TODO: profile pic of current user -->
+      <img
+        src="pic/Blank-profile.png"
+        alt="Profile pic"
+        class="aspect-square w-8 bg-white rounded-md"
+      />
+    </div>
     <div
       [class]="
         'flex flex-col w-full justify-start items-center md:hidden overflow-hidden ' +