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

client/src/shared/ui/ModeSwitcher/ModeSwitcher.tsx

@@ -1,5 +1,4 @@
-import DarkModeOutlinedIcon from '@mui/icons-material/DarkModeOutlined'
-import LightModeOutlinedIcon from '@mui/icons-material/LightModeOutlined'
+import { Monitor, Moon, Sun } from 'lucide-react'
 import IconButton from '@mui/material/IconButton'
 import Tooltip from '@mui/material/Tooltip'
 import type { ThemeModePreference } from '@/shared/model/theme'
@@ -22,10 +21,12 @@ function getModeLabel(mode: ThemeModePreference, resolvedMode: 'light' | 'dark')
 }
 
 export function ModeSwitcher({ mode, resolvedMode, onCycleMode }: Props) {
+  const icon = mode === 'system' ? <Monitor /> : resolvedMode === 'dark' ? <Sun /> : <Moon />
+
   return (
     <Tooltip title={`Тема: ${getModeLabel(mode, resolvedMode)}`}>
       <IconButton color="inherit" onClick={onCycleMode} aria-label="Переключить тему">
-        {resolvedMode === 'dark' ? <LightModeOutlinedIcon /> : <DarkModeOutlinedIcon />}
+        {icon}
       </IconButton>
     </Tooltip>
   )