feat: design update, show avatar in navbar

frontend/spa/src/views/Search.vue

@@ -1,32 +1,28 @@
 <template>
-  <div class="max-w-3xl mx-auto p-4 space-y-6 pb-20">
-    <h2 class="text-2xl mb-5 text-center">Поиск</h2>
-
-    <div class="w-full">
-      <label class="input w-full">
-        <svg class="h-[1em] opacity-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-          <g
-              stroke-linejoin="round"
-              stroke-linecap="round"
-              stroke-width="2.5"
-              fill="none"
-              stroke="currentColor"
-          >
-            <circle cx="11" cy="11" r="8"></circle>
-            <path d="m21 21-4.3-4.3"></path>
-          </g>
-        </svg>
-        <input
-            ref="searchInput"
-            type="search"
-            class="grow input-lg"
-            placeholder="Поиск по магазину"
-            v-model="searchStore.search"
-            @search="debouncedSearch"
-            @input="debouncedSearch"
-        />
-      </label>
-    </div>
+  <BaseViewWrapper title="Поиск">
+    <label class="input w-full mb-4">
+      <svg class="h-[1em] opacity-50" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+        <g
+            stroke-linejoin="round"
+            stroke-linecap="round"
+            stroke-width="2.5"
+            fill="none"
+            stroke="currentColor"
+        >
+          <circle cx="11" cy="11" r="8"></circle>
+          <path d="m21 21-4.3-4.3"></path>
+        </g>
+      </svg>
+      <input
+          ref="searchInput"
+          type="search"
+          class="grow input-lg"
+          placeholder="Поиск по магазину"
+          v-model="searchStore.search"
+          @search="debouncedSearch"
+          @input="debouncedSearch"
+      />
+    </label>
 
     <div v-if="searchStore.isLoading === false && searchStore.products.data.length > 0">
       <RouterLink
@@ -43,7 +39,7 @@
 
         <div class="ml-5 p-0">
           <h2 class="card-title">{{ product.name }}</h2>
-          <p>{{ product.price }}</p>
+          <Price :price="product.price" :special="product.special"/>
         </div>
       </RouterLink>
     </div>
@@ -67,7 +63,7 @@
       <h2 class="text-xl font-semibold mb-2">Товары не найдены</h2>
       <p class="text-sm mb-4">Попробуйте изменить или уточнить запрос</p>
     </div>
-  </div>
+  </BaseViewWrapper>
 </template>
 
 <script setup>
@@ -77,6 +73,8 @@ import {onMounted, ref} from "vue";
 import {useYaMetrikaStore} from "@/stores/yaMetrikaStore.js";
 import {useRoute} from "vue-router";
 import {YA_METRIKA_GOAL} from "@/constants/yaMetrikaGoals.js";
+import BaseViewWrapper from "@/views/BaseViewWrapper.vue";
+import Price from "@/components/ProductItem/Price.vue";
 
 const route = useRoute();
 const yaMetrika = useYaMetrikaStore();