fixing errors

src/components/HomePage/Home.tsx

 import { useNavigate } from 'react-router';
-import '../../styles/Home/home.css';
 import { Button, Pagination } from 'antd';
 import { MaterialSymbol } from 'react-material-symbols';
+import '../../styles/Home/home.css';
 
 const Home = () => {
     const navigate = useNavigate();
@@ -10,7 +10,7 @@ const Home = () => {
         navigate("/add");
     };
 
-    const handlePaginationChange = (page: any) => {
+    const handlePaginationChange = (page: number | string | null) => {
         console.log("Current page:", page);
     };
 

src/index.css

@@ -3,6 +3,19 @@
    License: none (public domain)
 */
 
+html,
+body {
+  box-sizing: border-box;
+  font-family: Open Sans;
+  font-weight: 700;
+}
+
+*,
+*::after,
+*::before {
+  box-sizing: inherit;
+}
+
 html,
 body,
 div,
@@ -132,14 +145,4 @@ q:after {
 table {
   border-collapse: collapse;
   border-spacing: 0;
-}
-
-html, body{
-  box-sizing: border-box;
-  font-family: Open Sans;
-  font-weight: 700;
-}
-
-*, *::after, *::before{
-  box-sizing: inherit;
 }
\ No newline at end of file

src/pages/AddPage.tsx

 import React from 'react';
 import { Form, Input, Button } from 'antd';
-import "../../src/styles/Home/addPage.css";
 import { useNavigate } from 'react-router';
+import "../../src/styles/Home/addPage.css";
 
 const { Item } = Form;
 
@@ -14,7 +14,7 @@ const AddPage: React.FC = () => {
                 layout="vertical"
                 name="organization_form"
                 initialValues={{ remember: true }}
-                className='form-1'
+                className='form-add'
             >
                 <Item
                     label="БИН организации"
@@ -64,7 +64,7 @@ const AddPage: React.FC = () => {
                     <Input.Password maxLength={128} placeholder="Максимальная длина: 128 символов" />
                 </Item>
 
-                <div className='form-footer-1'>
+                <div className='form-footer'>
                     <Item style={{ textAlign: 'right' }} className='form-footer-item'>
                         <Button type="default" style={{ marginRight: '8px' }}
                             onClick={() => navigate("/")}>

src/pages/AuthPage/AuthPage.module.css

@@ -4,6 +4,9 @@
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
+    padding: 24px;
+    background-color: rgba(204, 204, 204, 1);
+    border-radius: 8px;
 }
 
 .form_btn {
@@ -13,4 +16,5 @@
 
 .input_controller::placeholder {
     color: #F178B6;
+    background-color: rgba(249, 249, 249, 0.8);
 }
\ No newline at end of file

src/pages/EditPage.tsx

 import { Form, Input, Button, Select } from 'antd';
-import "../../src/styles/Home/editPage.css";
 import { useNavigate } from 'react-router';
+import "../../src/styles/Home/editPage.css";
 
 const { Item } = Form;
 const { Option } = Select;

src/pages/RequestPage/RequestPage.tsx

 import React from 'react';
 import { DatePicker, Select, Button, Pagination } from 'antd';
+import { MaterialSymbol } from 'react-material-symbols';
 import dayjs from 'dayjs';
 import styles from './RequestPage.module.css';
-import { MaterialSymbol } from 'react-material-symbols';
 
 const dateFormat = 'YYYY/MM/DD';
 
 const RequestPage: React.FC = () => {
-    function handlePaginationChange(page: any) {
+    const handlePaginationChange = (page: number | string | null) => {
         console.log("Current page:", page);
     }
     
@@ -26,6 +26,7 @@ const RequestPage: React.FC = () => {
 
                 <Button type='primary'>Применить</Button>
             </div>
+            {/* home.css */}
             <section className='section'>
                 <div className="data">
                     <table className="data-table">

src/styles/Home/addPage.css

@@ -6,13 +6,13 @@
     overflow: hidden;
 }
 
-.form-1 {
+.form-add {
     flex: 1;
     padding-bottom: 80px;
     margin-left: 20px;
 }
 
-.form-footer-1 {
+.form-footer {
     position: fixed;
     bottom: 0;
     left: 0;

src/styles/Home/home.css

@@ -6,7 +6,6 @@
     display: flex;
     flex-direction: column;
     height: calc(100vh - 60px);
-    /* Adjust based on your header height */
 }
 
 .add {
@@ -14,6 +13,7 @@
     display: flex;
     align-items: center;
     gap: 4px;
+    margin-left: 10px;
 }
 
 .add_button,