Bug: SecuritySection error banner uses inconsistent icon (AlertTriangle vs AlertCircle)

[ChitkulLakshya]

Bug: SecuritySection error banner uses wrong icon (AlertTriangle instead of AlertCircle)

Location

src/settings/SecuritySection.jsx:2,107

Description

The error message banner uses AlertTriangle icon while all other settings sections use AlertCircle:

// Line 2 — imports AlertTriangle
import { Lock, LogOut, RefreshCw, AlertTriangle, CheckCircle2, Loader2, Trash2, UserX } from 'lucide-react';

// Line 107 — used in error banner
<AlertTriangle size={16} />

Compare with other sections:

• ProfileSection.jsx — uses AlertCircle
• EmailSection.jsx — uses AlertCircle
• IntegrationsSection.jsx — uses AlertCircle

Impact

Minor UI inconsistency — error banners look different in Security section vs other settings sections.

Fix

Replace AlertTriangle with AlertCircle in the import and usage. AlertTriangle is still used elsewhere in the file (Danger Zone title, line 141) so keep it imported but use AlertCircle for the error banner.