Use generic Aanmelden title on login page.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/admin-ui/src/app/page.tsx

@@ -29,18 +29,18 @@ export default function LoginPage() {
       });
       if (!res.ok) {
         const text = await res.text();
-        let message = "Login failed";
+        let message = "Inloggen mislukt";
         try {
           const data = JSON.parse(text);
           message = data.error?.message ?? message;
         } catch {
-          message = text.slice(0, 120) || `Login failed (HTTP ${res.status})`;
+          message = text.slice(0, 120) || `Inloggen mislukt (HTTP ${res.status})`;
         }
         throw new Error(message);
       }
       router.push("/dashboard");
     } catch (err) {
-      setError(err instanceof Error ? err.message : "Login failed");
+      setError(err instanceof Error ? err.message : "Inloggen mislukt");
     } finally {
       setLoading(false);
     }
@@ -49,7 +49,7 @@ export default function LoginPage() {
   return (
     <div className="login-container">
       <div className="login-box">
-        <h1>STH Media Cluster</h1>
+        <h1>Aanmelden</h1>
         {error && <div className="error">{error}</div>}
         <form onSubmit={handleSubmit}>
           <div className="form-group">
@@ -59,6 +59,7 @@ export default function LoginPage() {
               value={email}
               onChange={(e) => setEmail(e.target.value)}
               required
+              autoComplete="username"
             />
           </div>
           <div className="form-group">
@@ -68,10 +69,11 @@ export default function LoginPage() {
               value={password}
               onChange={(e) => setPassword(e.target.value)}
               required
+              autoComplete="current-password"
             />
           </div>
           <button type="submit" disabled={loading} style={{ width: "100%" }}>
-            {loading ? "Inloggen..." : "Inloggen"}
+            {loading ? "Bezig..." : "Inloggen"}
           </button>
         </form>
       </div>