Ajout de la possibilité de voir le mot de passe

frontend/src/pages/Login.jsx

@@ -3,6 +3,7 @@ import { Link, useNavigate } from 'react-router-dom';
 import { useAuth } from '../context/AuthContext.jsx';
 import { api } from '../api.js';
 import AuthBgCol from '../components/AuthBgCol.jsx';
+import PasswordInput from '../components/PasswordInput.jsx';
 
 // ── Helpers ────────────────────────────────────────────────────────────────
 const DEVICE_KEY = 'cl_device_token';
@@ -217,7 +218,7 @@ export default function Login() {
                     <label style={{ fontSize: 14, fontWeight: 500, color: 'var(--text)' }}>Mot de passe</label>
                     <Link to="/forgot-password" style={{ fontSize: 13, color: 'var(--text-muted)', textDecoration: 'underline' }}>Mot de passe oublié ?</Link>
                   </div>
-                  <input className="form-input" type="password" required autoComplete="current-password" placeholder="••••••••"
+                  <PasswordInput className="form-input" required autoComplete="current-password" placeholder="••••••••"
                     value={password} onChange={e => setPassword(e.target.value)} style={{ width: '100%' }} />
                 </div>