Phase 0.2: migrate remaining SVGs to lucide-react icons

frontend/src/components/contacts/ContactList.tsx

@@ -6,6 +6,8 @@ import { Pagination } from '@/components/ui/Pagination';
 import { EmptyState } from '@/components/ui/EmptyState';
 import type { UnifiedContact } from '@/api/hooks';
 
+import { Loader2 } from 'lucide-react';
+
 export type ContactViewMode = 'list' | 'table' | 'cards';
 
 export interface ContactListProps {
@@ -77,10 +79,7 @@ export function ContactList({
   if (loading) {
     return (
       <div className="flex items-center justify-center py-12" data-testid="contact-list-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" />
         <span className="ml-2 text-sm text-secondary-500">{t('common.loading')}</span>
       </div>
     );