rename benutzer to users

add role management to media page

dashboard/src/login.tsx

@@ -1,4 +1,5 @@
 import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
 import { useAuth } from './useAuth';
 
 export default function Login() {
@@ -7,14 +8,16 @@ export default function Login() {
   const [password, setPassword] = useState('');
   const [message, setMessage] = useState<string | null>(null);
   const isDev = import.meta.env.MODE !== 'production';
+  const navigate = useNavigate();
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();
     setMessage(null);
     try {
       await login(username, password);
-      // Browser will stay on /login; App's route gate will redirect to '/'
       setMessage('Login erfolgreich');
+      // Redirect to dashboard after successful login
+      navigate('/');
     } catch (err) {
       setMessage(err instanceof Error ? err.message : 'Login fehlgeschlagen');
     }