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

client/src/pages/me/ui/MeLayoutPage.tsx

@@ -1,10 +1,6 @@
 import type { ReactNode } from 'react'
 import { useMemo, useState } from 'react'
-import ChatOutlinedIcon from '@mui/icons-material/ChatOutlined'
-import LocalShippingOutlinedIcon from '@mui/icons-material/LocalShippingOutlined'
-import PlaceOutlinedIcon from '@mui/icons-material/PlaceOutlined'
-import SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined'
-import TuneOutlinedIcon from '@mui/icons-material/TuneOutlined'
+import { MapPin, MessageCircle, Settings, SlidersHorizontal, Truck } from 'lucide-react'
 import Alert from '@mui/material/Alert'
 import Badge from '@mui/material/Badge'
 import Box from '@mui/material/Box'
@@ -56,10 +52,10 @@ export function MeLayoutPage() {
 
   const navItems: NavItem[] = useMemo(
     () => [
-      { to: '/me/orders', label: 'Заказы', icon: <LocalShippingOutlinedIcon /> },
-      { to: '/me/messages', label: 'Сообщения', icon: <ChatOutlinedIcon /> },
-      { to: '/me/settings', label: 'Настройки', icon: <SettingsOutlinedIcon /> },
-      { to: '/me/addresses', label: 'Адреса доставки', icon: <PlaceOutlinedIcon /> },
+      { to: '/me/orders', label: 'Заказы', icon: <Truck /> },
+      { to: '/me/messages', label: 'Сообщения', icon: <MessageCircle /> },
+      { to: '/me/settings', label: 'Настройки', icon: <Settings /> },
+      { to: '/me/addresses', label: 'Адреса доставки', icon: <MapPin /> },
     ],
     [],
   )
@@ -143,7 +139,7 @@ export function MeLayoutPage() {
                 bgcolor: 'background.paper',
               }}
             >
-              <TuneOutlinedIcon />
+              <SlidersHorizontal />
             </IconButton>
             <Typography variant="h5" sx={{ fontWeight: 700 }}>
               Профиль