func optimization

client/src/components/Header.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import {
   AppBar, Toolbar, Typography, IconButton, Tooltip, Box,
   Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, List, ListItem, ListItemText
@@ -16,10 +16,8 @@ export default function Header() {
   const { logout } = useAuth();
   const navigate = useNavigate();
 
-  // Состояние для модального окна справки
   const [helpOpen, setHelpOpen] = useState(false);
 
-  // Логика выхода
   const handleLogout = () => {
     if (confirm('Вы действительно хотите выйти?')) {
       logout();
@@ -57,21 +55,18 @@ export default function Header() {
 
           <Box sx={{ display: 'flex', gap: 1 }}>
 
-            {/* Кнопка Справки */}
             <Tooltip title="Справка о программе">
               <IconButton color="inherit" onClick={() => setHelpOpen(true)}>
                 <HelpOutline />
               </IconButton>
             </Tooltip>
 
-            {/* Кнопка Темы */}
             <Tooltip title={`Режим: ${getThemeLabel()}`}>
               <IconButton color="inherit" onClick={toggleColorMode}>
                 {getThemeIcon()}
               </IconButton>
             </Tooltip>
 
-            {/* Кнопка Выхода */}
             <Tooltip title="Выйти из системы">
               <IconButton color="inherit" onClick={handleLogout}>
                 <Logout />
@@ -82,7 +77,6 @@ export default function Header() {
         </Toolbar>
       </AppBar>
 
-      {/* Модальное окно справки */}
       <Dialog
         open={helpOpen}
         onClose={() => setHelpOpen(false)}

client/src/components/Layout.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { 
   Toolbar, Drawer, List, ListItem, 
   ListItemButton, ListItemIcon, ListItemText, Box 
@@ -6,7 +5,7 @@ import {
 import { People, Settings, Dns, SwapHoriz } from '@mui/icons-material';
 import { useNavigate, useLocation, Outlet } from 'react-router-dom';
 
-import Header from './Header'; // <--- Новый компонент
+import Header from './Header';
 import Footer from './Footer';
 
 const drawerWidth = 240;
@@ -25,10 +24,8 @@ export default function Layout() {
   return (
     <Box sx={{ display: 'flex', minHeight: '100vh', width: '100%' }}>
       
-      {/* Шапка */}
       <Header />
 
-      {/* Боковое меню */}
       <Drawer
         variant="permanent"
         sx={{
@@ -55,7 +52,6 @@ export default function Layout() {
         </Box>
       </Drawer>
 
-      {/* Основной контейнер контента */}
       <Box 
         component="main" 
         sx={{ 
@@ -68,12 +64,10 @@ export default function Layout() {
       >
         <Toolbar />
         
-        {/* Контент страницы */}
         <Box sx={{ flexGrow: 1, p: 3 }}>
           <Outlet />
         </Box>
 
-        {/* Футер */}
         <Footer />
       </Box>
     </Box>