Make registration errors informative

- Backend: explicitly return 409 EMAIL_TAKEN when the email already
  exists, instead of Better Auth's silent 200 (common after migration).
- Frontend: split error handling — network failure, non-JSON body
  (502/proxy), and meaningful server errors get distinct messages; the
  "email already registered" case shows login / reset-password links
  instead of a generic "connection error".

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

src/app/(auth)/register/register-form.tsx

@@ -35,6 +35,7 @@ export function RegisterForm({ showTermsCheckbox, privacyPolicyUrl, termsUrl, of
   const [termsAccepted, setTermsAccepted] = useState(false);
   const [turnstileToken, setTurnstileToken] = useState<string | null>(null);
   const [error, setError] = useState("");
+  const [emailTaken, setEmailTaken] = useState(false);
   const [loading, setLoading] = useState(false);
   const [success, setSuccess] = useState(false);
 
@@ -84,6 +85,13 @@ export function RegisterForm({ showTermsCheckbox, privacyPolicyUrl, termsUrl, of
     { url: offerUrl, label: "Договор-оферту" },
   ].filter((l) => l.url);
 
+  function resetTurnstile() {
+    if (turnstileWidgetId.current) {
+      window.turnstile?.reset(turnstileWidgetId.current);
+      setTurnstileToken(null);
+    }
+  }
+
   async function handleSubmit(e: React.FormEvent) {
     e.preventDefault();
     if (showTermsCheckbox && !termsAccepted) {
@@ -95,10 +103,13 @@ export function RegisterForm({ showTermsCheckbox, privacyPolicyUrl, termsUrl, of
       return;
     }
     setError("");
+    setEmailTaken(false);
     setLoading(true);
 
+    // 1. Сетевой слой: настоящий обрыв связи — отдельно от ошибок сервера
+    let res: Response;
     try {
-      const res = await fetch("/api/register", {
+      res = await fetch("/api/register", {
         method: "POST",
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({
@@ -109,24 +120,40 @@ export function RegisterForm({ showTermsCheckbox, privacyPolicyUrl, termsUrl, of
           cfTurnstileResponse: turnstileToken,
         }),
       });
-
-      const data = await res.json() as { message?: string };
-
-      if (!res.ok) {
-        setError(data.message ?? "Ошибка регистрации");
-        if (turnstileWidgetId.current) {
-          window.turnstile?.reset(turnstileWidgetId.current);
-          setTurnstileToken(null);
-        }
-        setLoading(false);
-        return;
-      }
-
-      setSuccess(true);
     } catch {
-      setError("Ошибка соединения. Попробуйте ещё раз.");
+      setError("Не удалось связаться с сервером. Проверьте интернет-соединение и попробуйте ещё раз.");
+      setLoading(false);
+      return;
     }
 
+    // 2. Тело может быть не-JSON (502 при передеплое, HTML от прокси)
+    let data: { message?: string; code?: string } = {};
+    try {
+      data = await res.json() as { message?: string; code?: string };
+    } catch {
+      setError(
+        res.ok
+          ? "Сервер вернул неожиданный ответ. Попробуйте ещё раз."
+          : "Сервис временно недоступен. Попробуйте через минуту."
+      );
+      resetTurnstile();
+      setLoading(false);
+      return;
+    }
+
+    // 3. Осмысленные ошибки сервера
+    if (!res.ok) {
+      if (res.status === 409 || data.code === "EMAIL_TAKEN") {
+        setEmailTaken(true);
+      } else {
+        setError(data.message ?? "Не удалось зарегистрироваться. Попробуйте ещё раз.");
+      }
+      resetTurnstile();
+      setLoading(false);
+      return;
+    }
+
+    setSuccess(true);
     setLoading(false);
   }
 
@@ -239,7 +266,19 @@ export function RegisterForm({ showTermsCheckbox, privacyPolicyUrl, termsUrl, of
         </label>
       )}
 
-      {error && (
+      {emailTaken && (
+        <div className="text-xs py-3 px-3 space-y-2" style={{ border: "2px solid oklch(0.577 0.245 27.325)" }}>
+          <p style={{ color: "oklch(0.577 0.245 27.325)" }}>
+            Аккаунт с таким email уже зарегистрирован.
+          </p>
+          <p style={{ color: "var(--muted-foreground)" }}>
+            <Link href="/login" className="underline" style={{ color: "var(--foreground)" }}>Войти</Link>
+            {" · "}
+            <Link href="/forgot-password" className="underline" style={{ color: "var(--foreground)" }}>Забыли пароль?</Link>
+          </p>
+        </div>
+      )}
+      {error && !emailTaken && (
         <p className="text-xs py-2 px-3" style={{ border: "2px solid oklch(0.577 0.245 27.325)", color: "oklch(0.577 0.245 27.325)" }}>
           {error}
         </p>