Форматировние кода и изменение структуры css файлов

src/Login.js

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import axios from 'axios';
 import { useNavigate } from 'react-router-dom';
 import Header from './Header';
@@ -20,14 +20,7 @@ const Login = () => {
         setLoading(true);
         try {
             const newUser = { username, password };
-            await axios.post('/api/users/login', newUser,
-                { 
-                    withCredentials: true 
-                    /*headers: { 
-                        'Content-Type': 'application/json' 
-                    }*/
-                }
-            );
+            await axios.post('/api/users/login', newUser, { withCredentials: true });
             setTimeout(() => {
                 navigate('/profile');
             }, 500);
@@ -38,43 +31,43 @@ const Login = () => {
         }
     };
 
-  	return (
-    <>
-        <Header />
-        <div className="login-page">
-          <h2>Вход в систему</h2>
-          {
-            error && <div className="error">{error}</div>
-          }
-          <form onSubmit={handleLogin}>
-            <div>
-              <label>Логин:</label>
-              <input
-                type="text"
-                value={username}
-                onChange={(e) => setUsername(e.target.value)}
-                required
-              />
+    return (
+        <>
+            <Header />
+            <div className="login-page">
+                <h2>Вход в систему</h2>
+                {
+                    error && <div className="error">{error}</div>
+                }
+                <form onSubmit={handleLogin}>
+                    <div>
+                        <label>Логин:</label>
+                        <input
+                            type="text"
+                            value={username}
+                            onChange={(e) => setUsername(e.target.value)}
+                            required
+                        />
+                    </div>
+                    <div>
+                        <label>Пароль:</label>
+                        <input
+                            type="password"
+                            value={password}
+                            onChange={(e) => setPassword(e.target.value)}
+                            required
+                        />
+                    </div>
+                    <button type="submit" disabled={loading}>
+                        {loading ? 'Вход...' : 'Войти'}
+                    </button>
+                </form>
+                <button onClick={handleRegisterClick}>
+                    Зарегистрироваться
+                </button>
             </div>
-            <div>
-              <label>Пароль:</label>
-              <input
-                type="password"
-                value={password}
-                onChange={(e) => setPassword(e.target.value)}
-                required
-              />
-            </div>
-            <button type="submit" disabled={loading}>
-              {loading ? 'Вход...' : 'Войти'}
-            </button>
-          </form>
-          <button onClick={handleRegisterClick}>
-            Зарегистрироваться
-          </button>
-        </div>
-	  </>
-  );
+        </>
+    );
 };
 
 export default Login;