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

client/src/app/layout/AppHeader.tsx

@@ -1,6 +1,5 @@
 import { useEffect, useState } from 'react'
-import Inventory2OutlinedIcon from '@mui/icons-material/Inventory2Outlined'
-import MenuRoundedIcon from '@mui/icons-material/MenuRounded'
+import { Menu, Package } from 'lucide-react'
 import AppBar from '@mui/material/AppBar'
 import Badge from '@mui/material/Badge'
 import Box from '@mui/material/Box'
@@ -101,7 +100,7 @@ export function AppHeader() {
               edge="start"
               sx={{ mr: 1 }}
             >
-              <MenuRoundedIcon />
+              <Menu />
             </IconButton>
           )}
 
@@ -137,7 +136,7 @@ export function AppHeader() {
                 <Tooltip title="Заказы">
                   <IconButton color="inherit" sx={{ ml: 1 }} onClick={() => navigate('/me/orders')} aria-label="Заказы">
                     <Badge color="secondary" badgeContent={activeOrdersCount} invisible={activeOrdersCount === 0}>
-                      <Inventory2OutlinedIcon />
+                      <Package />
                     </Badge>
                   </IconButton>
                 </Tooltip>

client/src/app/layout/MainLayout.tsx

@@ -4,11 +4,12 @@ import Container from '@mui/material/Container'
 import Divider from '@mui/material/Divider'
 import Grid from '@mui/material/Grid'
 import Link from '@mui/material/Link'
+import SvgIcon from '@mui/material/SvgIcon'
 import Stack from '@mui/material/Stack'
 import Typography from '@mui/material/Typography'
 import { Link as RouterLink } from 'react-router-dom'
 import { AppHeader } from '@/app/layout/AppHeader'
-import { STORE_EMAIL, STORE_NAME, STORE_PHONE, STORE_SOCIAL_NOTE } from '@/shared/config'
+import { STORE_EMAIL, STORE_NAME, STORE_PHONE, VK_URL } from '@/shared/config'
 
 export function MainLayout({ children }: PropsWithChildren) {
   const year = new Date().getFullYear()
@@ -82,9 +83,18 @@ export function MainLayout({ children }: PropsWithChildren) {
                     {STORE_PHONE}
                   </Link>
                 </Typography>
-                <Typography variant="caption" color="text.secondary">
-                  {STORE_SOCIAL_NOTE}
-                </Typography>
+                <Link
+                  href={VK_URL}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  color="text.secondary"
+                  sx={{ display: 'inline-flex', alignItems: 'center', gap: 0.5, '&:hover': { color: '#4A76A8' } }}
+                >
+                  <SvgIcon sx={{ fontSize: 20 }}>
+                    <path d="M12.776 2.553a.267.267 0 0 0-.104-.002C10.184 2.973 4.08 7.575 2.34 9.478c-.19.208-.33.505-.33.85 0 .344.122.634.3.85.556.688 2.005 1.759 2.005 1.759s1.168 2.52 1.76 3.677c.232.463.45.858.604 1.13.348.611.534.857.926 1.077.392.22.776.22 1.194.01.417-.212 2.452-1.61 3.46-2.36.256-.19.49-.19.73.01 1.517 1.256 3.2 2.743 4.003 3.586.373.391.701.548 1.104.548.402 0 .683-.283.805-.86.053-.25 1.025-5.076 1.025-5.076s.633-2.24 2.763-3.897c.292-.228.462-.57.462-.95 0-.38-.143-.68-.38-.895-1.198-1.088-5.9-3.039-6.365-3.226z" />
+                  </SvgIcon>
+                  VK
+                </Link>
               </Stack>
             </Grid>
           </Grid>

client/src/app/providers/AppProviders.tsx

@@ -94,6 +94,31 @@ function AppThemeInner({ children }: PropsWithChildren) {
           h4: { fontWeight: 700 },
           h5: { fontWeight: 600 },
         },
+        components: {
+          MuiButton: {
+            styleOverrides: {
+              root: { textTransform: 'none', borderRadius: 12, fontWeight: 600 },
+              contained: {
+                boxShadow: '0 4px 14px 0 rgba(0,0,0,0.15)',
+                '&:hover': {
+                  boxShadow: '0 6px 20px 0 rgba(0,0,0,0.25)',
+                  transform: 'translateY(-1px)',
+                },
+              },
+              outlined: {
+                '&:hover': { boxShadow: '0 2px 8px 0 rgba(0,0,0,0.1)' },
+              },
+            },
+          },
+          MuiIconButton: {
+            styleOverrides: {
+              root: {
+                transition: 'all 0.2s ease',
+                '&:hover': { transform: 'scale(1.1)' },
+              },
+            },
+          },
+        },
       }),
     [controller.resolvedMode, controller.scheme],
   )