fix: icon gap, lighter scheme bg, filled cart icon for inCart

client/src/app/layout/AppHeader.tsx

@@ -155,13 +155,13 @@ export function AppHeader() {
           )}
 
           {!isMobile && (
-            <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ml: 1.5 }}>
+            <Box sx={{ display: 'flex', alignItems: 'center', gap: 1.5, ml: 1.5 }}>
               <Box
                 sx={{
                   display: 'flex',
                   alignItems: 'center',
                   gap: 0.5,
-                  bgcolor: 'action.hover',
+                  bgcolor: 'rgba(255,255,255,0.12)',
                   borderRadius: 3,
                   px: 0.5,
                   py: 0.25,

client/src/features/cart/toggle-cart-icon/ui/ToggleCartIcon.tsx

@@ -2,7 +2,7 @@ import IconButton from '@mui/material/IconButton'
 import Tooltip from '@mui/material/Tooltip'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
 import { useUnit } from 'effector-react'
-import { CirclePlus, ShoppingCart } from 'lucide-react'
+import { ShoppingCart } from 'lucide-react'
 import { useNavigate } from 'react-router-dom'
 import { addToCart, fetchMyCart, removeCartItem } from '@/entities/cart/api/cart-api'
 import { $user } from '@/shared/model/auth'
@@ -63,7 +63,7 @@ export function ToggleCartIcon(props: {
     <Tooltip title={tooltip}>
       <span>
         <IconButton size={size} onClick={onClick} disabled={disabled || busy} aria-label={tooltip} type="button">
-          {user ? (inCart ? <ShoppingCart /> : <CirclePlus />) : <ShoppingCart />}
+          {user ? (inCart ? <ShoppingCart fill="currentColor" /> : <ShoppingCart />) : <ShoppingCart />}
         </IconButton>
       </span>
     </Tooltip>