fixed add to cart bugs

components/app/desktop/header/Index.vue

@@ -4,14 +4,30 @@
             <img src="/images/anahitaLogo.webp" alt="Asan Market" />
         </router-link>
         <AppDesktopHeaderNavigation />
-        <router-link v-if="!logged" :to="{ path: '/auth/login' }">
+        <div>
+        <router-link v-if="!logged" :to="{ path: '/auth/login' }" class="w-40">
+          <Button v-bind="btns.login.props" class="not-logged" />
+        </router-link>
+        <Button
+          v-else
+          v-bind="btns.account.props"
+          @click="overlay($event, btns.account.component)"
+          class="text-[#333333] min-w-36"
+        />
+        <Button
+          v-bind="btns.cart.props"
+          @click="overlay($event, btns.cart.component)"
+          class="text-[#333333] w-16 basket"
+        />
+      </div>
+        <!-- <router-link v-if="!logged" :to="{ path: '/auth/login' }">
             <Button v-bind="btns.login.props" />
         </router-link>
         <div v-else>
             <template v-for="({ props, component }, key) in btns.logged" :key="key">
                 <Button v-bind="props" @click="overlay($event, component)" />
             </template>
-        </div>
+        </div> -->
     </header>
 </template>
 
@@ -66,7 +82,7 @@ const overlay = (event, is) => {
             @apply border-[#CCCCCC] h-12 rounded-[0.6rem] #{!important};
 
             .p-button-label {
-                @apply text-[#333333] text-lg font-medium font-vazir whitespace-nowrap;
+                @apply text-lg font-medium font-vazir whitespace-nowrap;
             }
 
             .p-button-icon {
@@ -91,6 +107,13 @@ const overlay = (event, is) => {
             }
         }
 
+        .not-logged {
+        @apply w-40 text-white p-2 #{!important};
+        .p-button-icon {
+          @apply text-white text-2xl;
+        }
+      }
+
         .p-blockui-container {
             @apply absolute;
         }