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

client/src/pages/admin-layout/ui/AdminLayoutPage.tsx

@@ -1,12 +1,6 @@
 import type { ReactNode } from 'react'
 import { useMemo, useState } from 'react'
-import AdminPanelSettingsOutlinedIcon from '@mui/icons-material/AdminPanelSettingsOutlined'
-import AssignmentOutlinedIcon from '@mui/icons-material/AssignmentOutlined'
-import DescriptionOutlinedIcon from '@mui/icons-material/DescriptionOutlined'
-import PeopleOutlinedIcon from '@mui/icons-material/PeopleOutlined'
-import PhotoLibraryOutlinedIcon from '@mui/icons-material/PhotoLibraryOutlined'
-import RateReviewOutlinedIcon from '@mui/icons-material/RateReviewOutlined'
-import StorefrontOutlinedIcon from '@mui/icons-material/StorefrontOutlined'
+import { FileText, Image, LayoutGrid, ListOrdered, MessageSquare, People, Store } from 'lucide-react'
 import Badge from '@mui/material/Badge'
 import Box from '@mui/material/Box'
 import Divider from '@mui/material/Divider'
@@ -60,13 +54,13 @@ export function AdminLayoutPage() {
 
   const navItems: NavItem[] = useMemo(
     () => [
-      { to: '/admin', label: 'Товары', icon: <StorefrontOutlinedIcon /> },
-      { to: '/admin/categories', label: 'Категории', icon: <AdminPanelSettingsOutlinedIcon /> },
-      { to: '/admin/gallery', label: 'Галерея', icon: <PhotoLibraryOutlinedIcon /> },
-      { to: '/admin/orders', label: 'Заказы', icon: <AssignmentOutlinedIcon /> },
-      { to: '/admin/reviews', label: 'Отзывы', icon: <RateReviewOutlinedIcon /> },
-      { to: '/admin/users', label: 'Пользователи', icon: <PeopleOutlinedIcon /> },
-      { to: '/admin/info', label: 'Инфо-страница', icon: <DescriptionOutlinedIcon /> },
+      { to: '/admin', label: 'Товары', icon: <Store /> },
+      { to: '/admin/categories', label: 'Категории', icon: <LayoutGrid /> },
+      { to: '/admin/gallery', label: 'Галерея', icon: <Image /> },
+      { to: '/admin/orders', label: 'Заказы', icon: <ListOrdered /> },
+      { to: '/admin/reviews', label: 'Отзывы', icon: <MessageSquare /> },
+      { to: '/admin/users', label: 'Пользователи', icon: <People /> },
+      { to: '/admin/info', label: 'Инфо-страница', icon: <FileText /> },
     ],
     [],
   )
@@ -143,7 +137,7 @@ export function AdminLayoutPage() {
                 bgcolor: 'warning.50',
               }}
             >
-              <AdminPanelSettingsOutlinedIcon />
+              <LayoutGrid />
             </IconButton>
             <Typography variant="h5" sx={{ fontWeight: 700 }}>
               Админка