fix: resolve autocomplete warnings and update admin table UI

src/components/AuthModal.tsx

@@ -109,6 +109,7 @@ export function AuthModal() {
                   type="email" 
                   placeholder="Email address"
                   required
+                  autoComplete="username"
                   value={email}
                   onChange={(e) => setEmail(e.target.value)}
                   className="w-full bg-zinc-950/50 border border-zinc-700/50 rounded-xl py-3 pl-10 pr-4 text-white placeholder-zinc-500 focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-all"
@@ -121,6 +122,7 @@ export function AuthModal() {
                   type="password" 
                   placeholder="Password"
                   required
+                  autoComplete={isRegister ? "new-password" : "current-password"}
                   value={password}
                   onChange={(e) => setPassword(e.target.value)}
                   className="w-full bg-zinc-950/50 border border-zinc-700/50 rounded-xl py-3 pl-10 pr-4 text-white placeholder-zinc-500 focus:outline-none focus:border-primary focus:ring-1 focus:ring-primary transition-all"

src/pages/Admin.tsx

@@ -85,6 +85,7 @@ export default function Admin() {
                <table className="w-full text-left text-sm">
                  <thead className="bg-zinc-950 text-zinc-400">
                    <tr>
+                     <th className="p-4 font-medium">User ID</th>
                      <th className="p-4 font-medium">Email</th>
                      <th className="p-4 font-medium">Role</th>
                      <th className="p-4 font-medium">Status</th>
@@ -125,6 +126,7 @@ const UserRow = ({ user, onUpdate }: { user: UserProfile, onUpdate: (u: UserProf
 
   return (
     <tr className="hover:bg-zinc-800/50">
+      <td className="p-4 font-mono text-xs opacity-50" title={user.id}>{user.id.substring(0, 8)}...</td>
       <td className="p-4 font-mono text-xs">{user.email}</td>
       <td className="p-4">
         <select