simplified security key management interface.

messages/en-US.json

@@ -1150,7 +1150,7 @@
     "securityKeyLoadError": "Failed to load security keys",
     "securityKeyLogin": "Sign in with security key",
     "securityKeyAuthError": "Failed to authenticate with security key",
-    "securityKeyRecommendation": "Consider registering another security key on a different device to ensure you don't get locked out of your account.",
+    "securityKeyRecommendation": "Tip: Register a backup security key on another device to ensure you always have access to your account.",
     "registering": "Registering...",
     "securityKeyPrompt": "Please verify your identity using your security key. Make sure your security key is connected and ready.",
     "securityKeyBrowserNotSupported": "Your browser doesn't support security keys. Please use a modern browser like Chrome, Firefox, or Safari.",

src/components/SecurityKeyForm.tsx

@@ -267,12 +267,6 @@ export default function SecurityKeyForm({ open, setOpen }: SecurityKeyFormProps)
                     <div className="space-y-4">
                         <div className="flex items-center justify-between">
                             <h3 className="text-sm font-medium text-muted-foreground">{t('securityKeyList')}</h3>
-                            <div className="flex items-center gap-2">
-                                {securityKeys.length > 0 && (
-                                    <Badge className="text-xs">
-                                        {securityKeys.length} {securityKeys.length === 1 ? 'key' : 'keys'}
-                                    </Badge>
-                                )}
                             <Button
                                 className="h-8 w-8 p-0"
                                 onClick={() => setShowRegisterDialog(true)}
@@ -280,7 +274,6 @@ export default function SecurityKeyForm({ open, setOpen }: SecurityKeyFormProps)
                                 <Plus className="h-4 w-4" />
                             </Button>
                         </div>
-                        </div>
 
                         {securityKeys.length > 0 ? (
                             <div className="space-y-2">