Règle de gestion des mots de passe

frontend/src/pages/Register.jsx

@@ -1,6 +1,7 @@
 import { useState, useEffect } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import { useAuth } from '../context/AuthContext.jsx';
+import PasswordStrength from '../components/PasswordStrength.jsx';
 
 export default function Register() {
   const { register } = useAuth();
@@ -205,7 +206,7 @@ export default function Register() {
 
             <div style={{ display: 'flex', flexDirection: 'column', gap: 6 }}>
               <label style={{ fontSize: 14, fontWeight: 500, color: 'var(--text)' }}>
-                Mot de passe <span style={{ color: 'var(--text-muted)', fontWeight: 400 }}>(8 car. min.)</span>
+                Mot de passe
               </label>
               <input
                 className="form-input"
@@ -217,6 +218,7 @@ export default function Register() {
                 onChange={set('password')}
                 style={{ width: '100%' }}
               />
+              <PasswordStrength password={form.password} />
             </div>
 
             <button