Phase 0.2: migrate remaining SVGs to lucide-react icons

frontend/src/components/mail/RuleEditor.tsx

@@ -11,6 +11,8 @@ import { Card } from '@/components/ui/Card';
 import { EmptyState } from '@/components/ui/EmptyState';
 import { useToast } from '@/components/ui/Toast';
 import { ConfirmDialog } from '@/components/ui/ConfirmDialog';
+
+import { Loader2 } from 'lucide-react';
 import {
   fetchRules,
   createRule,
@@ -132,10 +134,7 @@ export function RuleEditor({ accountId }: { accountId: string }) {
   if (loading) {
     return (
       <div className="flex items-center justify-center py-8" data-testid="rule-editor-loading">
-        <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>
     );
   }