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

client/src/shared/ui/RichTextMessageEditor.tsx

@@ -1,7 +1,5 @@
 import { useEffect } from 'react'
-import FormatBoldOutlinedIcon from '@mui/icons-material/FormatBoldOutlined'
-import FormatItalicOutlinedIcon from '@mui/icons-material/FormatItalicOutlined'
-import FormatListBulletedOutlinedIcon from '@mui/icons-material/FormatListBulletedOutlined'
+import { Bold, Italic, List } from 'lucide-react'
 import Box from '@mui/material/Box'
 import IconButton from '@mui/material/IconButton'
 import Stack from '@mui/material/Stack'
@@ -59,7 +57,7 @@ export function RichTextMessageEditor({
           disabled={disabled}
           aria-label="Жирный"
         >
-          <FormatBoldOutlinedIcon fontSize="small" />
+          <Bold size={18} />
         </IconButton>
         <IconButton
           size="small"
@@ -68,7 +66,7 @@ export function RichTextMessageEditor({
           disabled={disabled}
           aria-label="Курсив"
         >
-          <FormatItalicOutlinedIcon fontSize="small" />
+          <Italic size={18} />
         </IconButton>
         <IconButton
           size="small"
@@ -77,7 +75,7 @@ export function RichTextMessageEditor({
           disabled={disabled}
           aria-label="Список"
         >
-          <FormatListBulletedOutlinedIcon fontSize="small" />
+          <List size={18} />
         </IconButton>
       </Stack>