added front - react+ts

ocr improved

rmser-view/src/components/layout/AppLayout.tsx

@@ -0,0 +1,57 @@
+import React from 'react';
+import { Layout, Menu, theme } from 'antd';
+import { Outlet, useNavigate, useLocation } from 'react-router-dom';
+import { BarChartOutlined, ScanOutlined, FileTextOutlined } from '@ant-design/icons';
+
+const { Header, Content, Footer } = Layout;
+
+export const AppLayout: React.FC = () => {
+  const navigate = useNavigate();
+  const location = useLocation();
+  
+  // Получаем токены темы (чтобы подстроить AntD под Telegram можно позже настроить ConfigProvider)
+  const {
+    token: { colorBgContainer, borderRadiusLG },
+  } = theme.useToken();
+
+  // Определяем активный пункт меню
+  const selectedKey = location.pathname === '/' ? 'dashboard' 
+    : location.pathname.startsWith('/ocr') ? 'ocr'
+    : location.pathname.startsWith('/invoices') ? 'invoices'
+    : 'dashboard';
+
+  const menuItems = [
+    { key: 'dashboard', icon: <BarChartOutlined />, label: 'Дашборд', onClick: () => navigate('/') },
+    { key: 'ocr', icon: <ScanOutlined />, label: 'Обучение', onClick: () => navigate('/ocr') },
+    { key: 'invoices', icon: <FileTextOutlined />, label: 'Накладные', onClick: () => navigate('/invoices') },
+  ];
+
+  return (
+    <Layout style={{ minHeight: '100vh' }}>
+      <Header style={{ display: 'flex', alignItems: 'center', padding: 0 }}>
+        <Menu
+          theme="dark"
+          mode="horizontal"
+          selectedKeys={[selectedKey]}
+          items={menuItems}
+          style={{ flex: 1, minWidth: 0 }}
+        />
+      </Header>
+      <Content style={{ padding: '16px' }}>
+        <div
+          style={{
+            background: colorBgContainer,
+            minHeight: 280,
+            padding: 24,
+            borderRadius: borderRadiusLG,
+          }}
+        >
+          <Outlet />
+        </div>
+      </Content>
+      <Footer style={{ textAlign: 'center', padding: '12px 0' }}>
+        RMSer ©{new Date().getFullYear()}
+      </Footer>
+    </Layout>
+  );
+};