feat: add reusable PasswordInput with show/hide toggle

Replaces all type="password" inputs site-wide with a PasswordInput
component that includes an eye icon toggle for visibility.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/pages/ResetPasswordPage.tsx

@@ -3,6 +3,7 @@ import { Link, useSearchParams, useNavigate } from 'react-router-dom'
 import { authApi } from '@/api/auth'
 import { toast } from '@/lib/toast'
 import { BrandLogo } from '@/components/common/BrandLogo'
+import { PasswordInput } from '@/components/common/PasswordInput'
 import { cn } from '@/lib/utils'
 
 export function ResetPasswordPage() {
@@ -123,9 +124,8 @@ export function ResetPasswordPage() {
                 <label htmlFor="new-password" className="mb-1 block text-sm font-medium text-white">
                   New Password
                 </label>
-                <input
+                <PasswordInput
                   id="new-password"
-                  type="password"
                   autoComplete="new-password"
                   required
                   value={newPassword}
@@ -147,9 +147,8 @@ export function ResetPasswordPage() {
                 <label htmlFor="confirm-password" className="mb-1 block text-sm font-medium text-white">
                   Confirm New Password
                 </label>
-                <input
+                <PasswordInput
                   id="confirm-password"
-                  type="password"
                   autoComplete="new-password"
                   required
                   value={confirmPassword}