Phase 3-4: Goals AI planner, Team tasks, Push notifications, i18n (CZ/HE/RU/UA)

- Goals CRUD API + AI study plan generator + progress reports
- Goals frontend page with progress bars
- Team tasks: assign, transfer, collaborate endpoints
- Push notifications: web-push, VAPID, subscribe/send
- i18n: 4 languages (cs, he, ru, ua) translation files
- notifications.js + goals.js routes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

apps/tasks/app/register/page.tsx

@@ -5,6 +5,7 @@ import { useRouter } from "next/navigation";
 import Link from "next/link";
 import { register } from "@/lib/api";
 import { useAuth } from "@/lib/auth";
+import { useTranslation } from "@/lib/i18n";
 
 export default function RegisterPage() {
   const [email, setEmail] = useState("");
@@ -13,12 +14,13 @@ export default function RegisterPage() {
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState("");
   const { setAuth } = useAuth();
+  const { t } = useTranslation();
   const router = useRouter();
 
   async function handleSubmit(e: React.FormEvent) {
     e.preventDefault();
     if (!email.trim() || !name.trim()) {
-      setError("Email a jmeno jsou povinne");
+      setError(t("common.error"));
       return;
     }
     setLoading(true);
@@ -32,7 +34,7 @@ export default function RegisterPage() {
       setAuth(result.data.token, result.data.user);
       router.push("/tasks");
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Chyba registrace");
+      setError(err instanceof Error ? err.message : t("common.error"));
     } finally {
       setLoading(false);
     }
@@ -42,7 +44,7 @@ export default function RegisterPage() {
     <div className="min-h-[70vh] flex items-center justify-center">
       <div className="w-full max-w-sm">
         <div className="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-2xl p-6 shadow-sm">
-          <h1 className="text-2xl font-bold text-center mb-6">Registrace</h1>
+          <h1 className="text-2xl font-bold text-center mb-6">{t("auth.register")}</h1>
 
           {error && (
             <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-700 dark:text-red-300 px-4 py-3 rounded-lg text-sm mb-4">
@@ -52,31 +54,29 @@ export default function RegisterPage() {
 
           <form onSubmit={handleSubmit} className="space-y-4">
             <div>
-              <label className="block text-sm font-medium mb-1">Jmeno *</label>
+              <label className="block text-sm font-medium mb-1">{t("auth.name")} *</label>
               <input
                 type="text"
                 value={name}
                 onChange={(e) => setName(e.target.value)}
                 className="w-full px-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none"
-                placeholder="Vase jmeno"
                 autoFocus
               />
             </div>
 
             <div>
-              <label className="block text-sm font-medium mb-1">Email *</label>
+              <label className="block text-sm font-medium mb-1">{t("auth.email")} *</label>
               <input
                 type="email"
                 value={email}
                 onChange={(e) => setEmail(e.target.value)}
                 className="w-full px-3 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-800 focus:ring-2 focus:ring-blue-500 focus:border-transparent outline-none"
-                placeholder="vas@email.cz"
                 autoComplete="email"
               />
             </div>
 
             <div>
-              <label className="block text-sm font-medium mb-1">Telefon</label>
+              <label className="block text-sm font-medium mb-1">{t("auth.phone")}</label>
               <input
                 type="tel"
                 value={phone}
@@ -91,14 +91,14 @@ export default function RegisterPage() {
               disabled={loading}
               className="w-full bg-blue-600 hover:bg-blue-700 text-white font-medium py-2.5 px-4 rounded-lg transition-colors disabled:opacity-50"
             >
-              {loading ? "Registruji..." : "Registrovat se"}
+              {loading ? t("common.loading") : t("auth.registerBtn")}
             </button>
           </form>
 
           <p className="text-center text-sm text-muted mt-4">
-            Jiz mate ucet?{" "}
+            {t("auth.hasAccount")}{" "}
             <Link href="/login" className="text-blue-600 hover:underline">
-              Prihlasit se
+              {t("auth.submit")}
             </Link>
           </p>
         </div>