feat: design update, show avatar in navbar

frontend/spa/src/views/Cart.vue

@@ -1,10 +1,5 @@
 <template>
-  <div class="max-w-3xl mx-auto p-4 space-y-6 pb-40">
-    <h2 class="text-2xl text-center">
-      Корзина
-      <span v-if="cart.isLoading" class="loading loading-spinner loading-md"></span>
-    </h2>
-
+  <BaseViewWrapper title="Корзина">
     <div v-if="cart.attention" role="alert" class="alert alert-warning">
       <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 shrink-0 stroke-current" fill="none" viewBox="0 0 24 24">
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
@@ -19,7 +14,7 @@
       <span>{{ cart.error_warning }}</span>
     </div>
 
-    <div v-if="cart.items.length > 0">
+    <div v-if="cart.items.length > 0" class="pb-10">
       <div
           v-for="(item, index) in cart.items"
           :key="item.cart_id"
@@ -28,7 +23,7 @@
       >
         <div class="card-body">
           <div class="flex">
-            <div class="avatar mr-5">
+            <div class="mr-2">
               <div class="w-16 rounded">
                 <img :src="item.thumb"/>
               </div>
@@ -128,7 +123,7 @@
       <p class="text-lg mb-3">{{ settings.texts.text_empty_cart }}</p>
       <RouterLink class="btn btn-primary" to="/">Начать покупки</RouterLink>
     </div>
-  </div>
+  </BaseViewWrapper>
 </template>
 
 <script setup>
@@ -143,6 +138,7 @@ import {useRoute, useRouter} from "vue-router";
 import {useSettingsStore} from "@/stores/SettingsStore.js";
 import {useYaMetrikaStore} from "@/stores/yaMetrikaStore.js";
 import {YA_METRIKA_GOAL} from "@/constants/yaMetrikaGoals.js";
+import BaseViewWrapper from "@/views/BaseViewWrapper.vue";
 
 const route = useRoute();
 const yaMetrika = useYaMetrikaStore();