fix: add password visibility toggle to login

src/pages/Login.tsx

 import React, { useState } from 'react';
 import { useNavigate, Link } from 'react-router-dom';
 import { useAuth } from '../context/auth';
-import { Database, Lock, Mail, Loader2 } from 'lucide-react';
+import { Database, Mail, Loader2 } from 'lucide-react';
 import { api } from '../services/api';
+import { PasswordInput } from '../components/PasswordInput';
 
 export const Login: React.FC = () => {
   const { login } = useAuth();
@@ -137,25 +138,16 @@ export const Login: React.FC = () => {
             </div>
 
             <div>
-              <label htmlFor="password" className="block text-sm font-medium text-slate-700 mb-1">
-                Mật khẩu
-              </label>
-              <div className="relative">
-                <div className="pointer-events-none absolute inset-y-0 left-0 flex items-center pl-3 text-slate-400">
-                  <Lock className="h-5 w-5" />
-                </div>
-                <input
-                  id="password"
-                  name="password"
-                  type="password"
-                  autoComplete="current-password"
-                  required
-                  value={password}
-                  onChange={(e) => setPassword(e.target.value)}
-                  className="block w-full rounded-lg border border-slate-300 bg-white py-2.5 pl-10 pr-3 text-slate-900 placeholder-slate-400 focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"
-                  placeholder="••••••••"
-                />
-              </div>
+              <PasswordInput
+                id="password"
+                name="password"
+                label="Mật khẩu"
+                autoComplete="current-password"
+                required
+                value={password}
+                onChange={(e) => setPassword(e.target.value)}
+                placeholder="••••••••"
+              />
               <div className="mt-2 text-right">
                 <Link to="/forgot-password" className="text-sm font-medium text-indigo-600 hover:text-indigo-500">
                   Quên mật khẩu?

tests/feedback-regression.test.mjs

@@ -24,6 +24,7 @@ test('login puts forgot-password below the password field and localizes invalid
 
 test('all requested password forms expose visibility controls', () => {
   for (const file of [
+    'pages/Login.tsx',
     'pages/Register.tsx',
     'pages/Profile.tsx',
     'pages/ResetPassword.tsx',