fix build alerts

package.json

@@ -5,7 +5,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-		"@frontend/kitui": "1.0.88",
+    "@frontend/kitui": "1.0.88",
     "@mui/icons-material": "^5.14.1",
     "@mui/material": "^5.14.2",
     "@mui/styled-engine-sc": "^5.12.0",
@@ -17,12 +17,12 @@
     "@types/node": "^16.18.39",
     "@types/react": "^18.2.17",
     "@types/react-dom": "^18.2.7",
+    "axios": "^1.4.0",
     "classnames": "^2.3.2",
     "cra-template-typescript": "1.2.0",
-    "moment": "^2.29.4",
-    "axios": "^1.4.0",
     "formik": "^2.4.3",
     "immer": "^10.0.2",
+    "moment": "^2.29.4",
     "notistack": "^3.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -57,5 +57,9 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@babel/plugin-transform-private-property-in-object": "^7.25.9"
   }
 }

src/icons/calendarIcon.tsx

@@ -1,8 +1,4 @@
-import { useTheme } from "@mui/material";
-
-
 export default function CalendarIcon() {
-    const theme = useTheme();
 
     return (
         <svg width="20" height="22" viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -26,4 +22,4 @@ export default function CalendarIcon() {
             </g>
         </svg>
     );
-}
+}

src/kit/section.tsx

@@ -17,8 +17,6 @@ interface Props {
 export default function Section(props: Props) {
   const theme = useTheme();
   const isTablet = useMediaQuery(theme.breakpoints.down(1000));
-    const isMinTablet = useMediaQuery(theme.breakpoints.down(886));
-    const isRubberSmall = useMediaQuery(theme.breakpoints.down(500));
 
   return (
     <Box

src/pages/Funnel/StatisticFunnel.tsx

@@ -54,7 +54,7 @@ export default function StatisticFunnel() {
                         marginTop: "10px",
                         boxShadow: "0px 2.76726px 8.55082px 0px rgba(210, 208, 225, 0.07), 0px 6.6501px 20.54881px 0px rgba(210, 208, 225, 0.10), 0px 12.52155px 38.6916px 0px rgba(210, 208, 225, 0.12), 0px 22.33631px 69.0192px 0px rgba(210, 208, 225, 0.14), 0px 41.77761px 129.09282px 0px rgba(210, 208, 225, 0.17), 0px 100px 309px 0px rgba(210, 208, 225, 0.24)",
                     }}>
-                    <img src={number1Icon}/>
+                    <img src={number1Icon} alt="если вы это увидели, то у нас не прогрузилась картинка"/>
                     <Box sx={{display: "flex", marginTop: "10px", gap: "20px"}}>
                         <Box sx={{width: "50%"}}>
                             <Typography variant='h5'>Сообщения бота</Typography>
@@ -154,7 +154,7 @@ export default function StatisticFunnel() {
                 }}>
 
                     <Box sx={{ display: "flex", flexDirection: "column", gap: "20px"}}>
-                        <img width="36" src={number2Icon}/>
+                        <img width="36" src={number2Icon} alt="если вы это увидели, то у нас не прогрузилась картинка"/>
                         <Typography variant="h5" sx={{color: "#000000"}}>Период отображения</Typography>
                         <Period isStatFunnel={true}/>
                     </Box>
@@ -280,11 +280,11 @@ export default function StatisticFunnel() {
                         background: "rgba(255, 255, 255, 0.50)",
                         boxShadow: "0px 2.76726px 8.55082px 0px rgba(210, 208, 225, 0.07), 0px 6.6501px 20.54881px 0px rgba(210, 208, 225, 0.10), 0px 12.52155px 38.6916px 0px rgba(210, 208, 225, 0.12), 0px 22.33631px 69.0192px 0px rgba(210, 208, 225, 0.14), 0px 41.77761px 129.09282px 0px rgba(210, 208, 225, 0.17), 0px 100px 309px 0px rgba(210, 208, 225, 0.24)"
                     }}>
-                        <img src={FunnelImage}/>
+                        <img src={FunnelImage} alt="если вы это увидели, то у нас не прогрузилась картинка"/>
                         <Typography sx={{color: theme.palette.gray.main, fontSize: "16px", marginTop: "30px"}}>*воронка продаж</Typography>
                     </Paper>
                 </Box>
             </Section>
         </>
     )
-}
+}

src/pages/create metrica/Statistic.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import {Box, Button, Typography, useTheme, Paper, Pagination, IconButton,} from "@mui/material";
+import {Box, Typography, useTheme, Pagination } from "@mui/material";
-import { useNavigate } from "react-router-dom";
 import Section from "../../kit/section";
 import HeaderFull from "../../kit/HeaderFull";
 import CustomizedTables from "./StatisticTable";

src/pages/create metrica/createMetricaEmpty.tsx

@@ -1,5 +1,4 @@
 import {Box, Button, Typography, useTheme} from "@mui/material";
-import {Link, useNavigate} from "react-router-dom";
 import Section from "../../kit/section";
 import HeaderFull from "../../kit/HeaderFull";
 import FloatingSupportChat from "../../components/FloatingSupportChat/FloatingSupportChat";

src/pages/create metrica/myMetrics.tsx

@@ -1,5 +1,4 @@
-import {Box, Button, Typography, useTheme, Link} from "@mui/material";
+import {Box, Button, Typography, useTheme} from "@mui/material";
-import { useNavigate} from "react-router-dom";
 import Section from "../../kit/section";
 import HeaderFull from "../../kit/HeaderFull";
 import MetricaCard from "./cardMetrica";

src/pages/create metrica/settingFunnel.tsx

@@ -3,7 +3,6 @@ import {
     Typography,
     useTheme,
     Paper,
-    Button,
     Pagination,
 } from "@mui/material";
 import React from "react";
@@ -120,4 +119,4 @@ export default function SettingFunnel() {
             </Section>
         </>
     )
-}
+}

src/pages/landing/section2.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import SectionStyled from '../../kit/section';
-import {Typography, Button, Box, useTheme, useMediaQuery} from "@mui/material";
+import {Typography, Box, useTheme, useMediaQuery} from "@mui/material";
 
 export default function Section2() {
     const theme = useTheme()

src/pages/landing/section7.tsx

@@ -1,12 +1,8 @@
 import SectionStyled from "../../kit/section";
-import { useTheme, useMediaQuery } from "@mui/material";
-import {Typography} from "@mui/material";
 import React from "react";
 import IndexTextCard from "../../kit/IndexTextCard";
 
 export default function Section7() {
-    const theme = useTheme();
-    const isSmallMonitor = useMediaQuery(theme.breakpoints.down(1200));
     return (
         <SectionStyled tag={'section'} bg={"#252734"} mwidth={'1160px'}
                        sxsect={{