Phase 0.2: migrate remaining SVGs to lucide-react icons

frontend/src/pages/MailSettings.tsx

@@ -15,6 +15,7 @@ import { RuleEditor } from '@/components/mail/RuleEditor';
 import { LabelManager } from '@/components/mail/LabelManager';
 import { VacationResponder } from '@/components/mail/VacationResponder';
 import { PgpSettings } from '@/components/mail/PgpSettings';
+import { Loader2, Pencil } from 'lucide-react';
 import {
   fetchAccounts,
   createAccount,
@@ -291,10 +292,7 @@ export function MailSettingsPage() {
 
           {loading ? (
             <div className="flex items-center justify-center py-8">
-              <svg className="animate-spin h-5 w-5 text-secondary-400" fill="none" viewBox="0 0 24 24" aria-hidden="true">
-                <circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4" />
-                <path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" />
-              </svg>
+              <Loader2 className="animate-spin h-5 w-5 text-secondary-400" aria-hidden="true" />
             </div>
           ) : accounts.length === 0 ? (
             <p className="text-sm text-secondary-500">{t('mail.noAccounts')}</p>
@@ -324,9 +322,7 @@ export function MailSettingsPage() {
                             aria-label={t('common.edit')}
                             data-testid={`edit-display-name-${acc.id}`}
                           >
-                            <svg className="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-                              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z" />
-                            </svg>
+                            <Pencil className="w-3.5 h-3.5" aria-hidden="true" strokeWidth={2} />
                           </button>
                         </div>
                       )}