feat: UI style refresh — Lucide icons, theme, slider, filters, buttons, VK

client/src/features/cart/cart-badge/ui/CartBadge.tsx

@@ -1,4 +1,4 @@
-import ShoppingCartRoundedIcon from '@mui/icons-material/ShoppingCartRounded'
+import { ShoppingCart } from 'lucide-react'
 import Badge from '@mui/material/Badge'
 import IconButton from '@mui/material/IconButton'
 import Tooltip from '@mui/material/Tooltip'
@@ -23,7 +23,7 @@ export function CartBadge({ user, cartCount, onNavigate }: Props) {
         aria-label="Корзина"
       >
         <Badge color="secondary" badgeContent={user ? cartCount : 0} invisible={!user || cartCount === 0}>
-          <ShoppingCartRoundedIcon />
+          <ShoppingCart />
         </Badge>
       </IconButton>
     </Tooltip>

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

@@ -1,6 +1,4 @@
-import AddShoppingCartOutlinedIcon from '@mui/icons-material/AddShoppingCartOutlined'
-import ShoppingCartOutlinedIcon from '@mui/icons-material/ShoppingCartOutlined'
-import ShoppingCartRoundedIcon from '@mui/icons-material/ShoppingCartRounded'
+import { ShoppingCart, ShoppingCartOff } from 'lucide-react'
 import IconButton from '@mui/material/IconButton'
 import Tooltip from '@mui/material/Tooltip'
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
@@ -65,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 ? <ShoppingCartRoundedIcon /> : <AddShoppingCartOutlinedIcon /> : <ShoppingCartOutlinedIcon />}
+          {user ? inCart ? <ShoppingCart /> : <ShoppingCartOff /> : <ShoppingCart />
         </IconButton>
       </span>
     </Tooltip>

client/src/features/user/user-menu/ui/UserMenu.tsx

@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import PersonOutlineRoundedIcon from '@mui/icons-material/PersonOutlineRounded'
+import { User } from 'lucide-react'
 import Badge from '@mui/material/Badge'
 import IconButton from '@mui/material/IconButton'
 import ListItemText from '@mui/material/ListItemText'
@@ -40,7 +40,7 @@ export function UserMenu({ user, onNavigate, onLogout }: Props) {
           invisible={!user}
           anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
         >
-          <PersonOutlineRoundedIcon />
+          <User />
         </Badge>
       </IconButton>