fix

package-lock.json

@@ -12,6 +12,7 @@
         "@emotion/styled": "^11.14.1",
         "@mui/icons-material": "^7.2.0",
         "@mui/material": "^7.2.0",
+        "framer-motion": "^12.23.3",
         "react": "^19.1.0",
         "react-dom": "^19.1.0",
         "react-icons": "^5.5.0",
@@ -2862,6 +2863,33 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/framer-motion": {
+      "version": "12.23.3",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.23.3.tgz",
+      "integrity": "sha512-llmLkf44zuIZOPSrE4bl4J0UTg6bav+rlKEfMRKgvDMXqBrUtMg6cspoQeRVK3nqRLxTmAJhfGXk39UDdZD7Kw==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.23.2",
+        "motion-utils": "^12.23.2",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -3258,6 +3286,21 @@
         "node": "*"
       }
     },
+    "node_modules/motion-dom": {
+      "version": "12.23.2",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.23.2.tgz",
+      "integrity": "sha512-73j6xDHX/NvVh5L5oS1ouAVnshsvmApOq4F3VZo5MkYSD/YVsVLal4Qp9wvVgJM9uU2bLZyc0Sn8B9c/MMKk4g==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.23.2"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.23.2",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.23.2.tgz",
+      "integrity": "sha512-cIEXlBlXAOUyiAtR0S+QPQUM9L3Diz23Bo+zM420NvSd/oPQJwg6U+rT+WRTpp0rizMsBGQOsAwhWIfglUcZfA==",
+      "license": "MIT"
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -3926,6 +3969,12 @@
         "typescript": ">=4.8.4"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
     "node_modules/type-check": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",

package.json

@@ -14,6 +14,7 @@
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^7.2.0",
     "@mui/material": "^7.2.0",
+    "framer-motion": "^12.23.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-icons": "^5.5.0",

src/pages/admin/AdminMainPage.tsx

@@ -1,45 +1,43 @@
-import { Box, Typography, Container } from '@mui/material';
-import Vehicle from './Vehicle';
-import Personal from './Personal';
-import { Navigate } from 'react-router-dom';
-import Divider from '../../components/Divider';
+import { Box, Typography, Container } from "@mui/material";
+import Vehicle from "./Vehicle";
+import Personal from "./Personal";
+import { Navigate } from "react-router-dom";
+import Divider from "../../components/Divider";
 
 const AdminMainPage = () => {
-  const isAuth = localStorage.getItem('token') !== null;
-  
+  const isAuth = localStorage.getItem("token") !== null;
+
   // Перенаправление на страницу логина, если пользователь не авторизован
   if (!isAuth) {
     return <Navigate to="/administrator" replace />;
   }
 
   return (
-    <Box sx={{ width: '100%', color: 'black', minHeight: '100vh' }}>
-      <Container maxWidth="lg" sx={{ pt: "1vw" }}>
+    <Box sx={{ width: "100%", color: "black", minHeight: "100vh" }}>
+      <Container maxWidth="xl" sx={{ pt: "1vw" }}>
         <Box id="vehicles">
-          <Typography 
-            variant="h5" 
-            component="h2" 
-            sx={{ 
-              fontFamily: 'Unbounded', 
-              fontWeight: 'bold' 
+          <Typography
+            variant="h5"
+            component="h2"
+            sx={{
+              fontFamily: "Unbounded",
+              fontWeight: "bold",
             }}
-          >
-          </Typography>
+          ></Typography>
           <Vehicle />
         </Box>
-        
-        <Divider marginBottomDivider='1vw' marginTopDivider='5vw' />
-        
+
+        <Divider marginBottomDivider="1vw" marginTopDivider="5vw" />
+
         <Box id="personal">
-          <Typography 
-            variant="h5" 
-            component="h2" 
-            sx={{ 
-              fontFamily: 'Unbounded', 
-              fontWeight: 'bold' 
+          <Typography
+            variant="h5"
+            component="h2"
+            sx={{
+              fontFamily: "Unbounded",
+              fontWeight: "bold",
             }}
-          >
-          </Typography>
+          ></Typography>
           <Personal />
         </Box>
       </Container>