feat(web): React-фронтенд вместо Flet + fix restore rmtree на bind-mount

web-react/: SPA Vite+React+TS, nginx раздаёт статику и проксирует /api на api:8000 по локалке. docker-compose: web(Flet)->web-react на :80. transfer_crud.backup_restore: чистим содержимое data/radar вместо rmtree точки монтирования (EBUSY).

web-react/src/pages/LoginPage.tsx

@@ -0,0 +1,79 @@
+import { useState } from "react";
+import { useNavigate } from "react-router-dom";
+import { useAuth } from "../auth/AuthContext";
+import { Button, TextField } from "../components/ui";
+import { AgreementDialog } from "../components/AgreementDialog";
+import { IconPerson, IconLock } from "../components/icons";
+
+export function LoginPage() {
+  const { login } = useAuth();
+  const navigate = useNavigate();
+
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
+  const [error, setError] = useState("");
+  const [busy, setBusy] = useState(false);
+  const [askReg, setAskReg] = useState(false);
+
+  const doLogin = async () => {
+    if (!username.trim() || !password) {
+      setError("Заполните логин и пароль");
+      return;
+    }
+    setBusy(true);
+    setError("");
+    const err = await login(username.trim(), password);
+    setBusy(false);
+    if (err) {
+      setError(err);
+    } else {
+      navigate("/");
+    }
+  };
+
+  return (
+    <div className="auth-wrap">
+      <div className="auth-logo">ЦОПП</div>
+      <div className="auth-sub">
+        Это проект ЦОПП по проведению исследовательских тестирований
+      </div>
+      <form
+        className="auth-card"
+        onSubmit={(e) => {
+          e.preventDefault();
+          doLogin();
+        }}
+      >
+        <TextField
+          label="Логин"
+          placeholder="Введите логин..."
+          icon={<IconPerson />}
+          value={username}
+          onChange={(e) => setUsername(e.target.value)}
+        />
+        <TextField
+          label="Пароль"
+          placeholder="Введите пароль..."
+          icon={<IconLock />}
+          password
+          value={password}
+          onChange={(e) => setPassword(e.target.value)}
+        />
+        {error && <div className="error-text">{error}</div>}
+        <Button type="submit" disabled={busy} block>
+          {busy ? "Вход..." : "Войти"}
+        </Button>
+        <button type="button" className="link-btn" onClick={() => setAskReg(true)}>
+          Нет аккаунта? Зарегистрироваться
+        </button>
+      </form>
+
+      {askReg && (
+        <AgreementDialog
+          onClose={() => setAskReg(false)}
+          onAccept={() => navigate("/register")}
+        />
+      )}
+    </div>
+  );
+}