создал структуру страниц наборов линз

web-app/src/AppRouter.jsx

@@ -4,7 +4,7 @@ import LoginPage from "./pages/LoginPage.jsx";
 import MainLayout from "./layouts/MainLayout.jsx";
 import PatientsPage from "./pages/PatientsPage.jsx";
 import HomePage from "./pages/HomePage.jsx";
-import LensPage from "./pages/LensesPage.jsx";
+import LensesLayout from "./layouts/LensesLayout.jsx";
 
 
 const AppRouter = () => (
@@ -14,7 +14,7 @@ const AppRouter = () => (
         <Route element={<PrivateRoute/>}>
             <Route element={<MainLayout/>}>
                 <Route path={"/patients"} element={<PatientsPage/>}/>
-                <Route path={"/lenses"} element={<LensPage/>}/>
+                <Route path={"/lenses"} element={<LensesLayout/>}/>
                 <Route path={"/"} element={<HomePage/>}/>
             </Route>
         </Route>

web-app/src/layouts/LensesLayout.jsx

@@ -0,0 +1,44 @@
+import {useState, useEffect} from "react";
+import {
+    Input,
+    Select,
+    List,
+    FloatButton,
+    Row,
+    Col,
+    Spin,
+    Button,
+    Form,
+    InputNumber,
+    Card, Grid, notification, Tabs
+} from "antd";
+import LensesPage from "../pages/LensesPage.jsx";
+import {FolderViewOutlined, SwitcherOutlined} from "@ant-design/icons";
+
+const {Option} = Select;
+
+const items = [
+    {
+        key: '1',
+        label: 'Линзы',
+        children: <LensesPage/>,
+        icon: <FolderViewOutlined/>
+    },
+    {
+        key: '2',
+        label: 'Наборы линз',
+        children: '1233',
+        icon: <SwitcherOutlined/>
+    }
+]
+
+const LensesLayout = () => {
+    return (
+        <Tabs
+            defaultActiveKey="1"
+            items={items}
+        />
+    );
+};
+
+export default LensesLayout;

web-app/src/layouts/MainLayout.jsx

@@ -27,7 +27,7 @@ const MainLayout = () => {
         getItem("Главная", "/", <HomeOutlined/>),
         getItem("Приёмы", "/appointments", <CalendarOutlined/>),
         getItem("Выдачи линз", "/dispensing", <DatabaseOutlined/>),
-        getItem("Линзы", "/lenses", <FolderViewOutlined/>),
+        getItem("Линзы и наборы", "/lenses", <FolderViewOutlined/>),
         getItem("Пациенты", "/patients", <TeamOutlined/>),
         getItem("Рассылки", "/mailing", <MessageOutlined/>),
         {type: "divider"},

web-app/src/pages/SetLensesPage.jsx

@@ -0,0 +1,8 @@
+
+
+
+const SetLensesPage = () => {
+
+};
+
+export default SetLensesPage;