Phase 0.2: migrate remaining SVGs to lucide-react icons

frontend/src/components/shared/DataGrid.tsx

@@ -13,6 +13,8 @@ import clsx from 'clsx';
 import { Pagination } from '@/components/ui/Pagination';
 import { useTranslation } from 'react-i18next';
 
+import { Loader2 } from 'lucide-react';
+
 export interface DataGridProps<T> {
   columns: ColumnDef<T, any>[];
   data: T[];
@@ -107,10 +109,7 @@ export function DataGrid<T extends Record<string, any>>({
               <tr>
                 <td colSpan={columns.length} className="px-6 py-8 text-center text-secondary-500">
                   <span className="inline-flex items-center gap-2">
-                    <svg className="animate-spin motion-reduce:animate-none h-5 w-5" xmlns="http://www.w3.org/2000/svg" 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 motion-reduce:animate-none h-5 w-5" aria-hidden="true" />
                     {t('common.loading')}
                   </span>
                 </td>

frontend/src/components/shared/SearchDropdown.tsx

@@ -3,6 +3,7 @@ import clsx from 'clsx';
 import { useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { useGlobalSearch, SearchResult } from '@/api/hooks';
+import { Search } from 'lucide-react';
 
 export interface SearchDropdownProps {
   placeholder?: string;
@@ -96,9 +97,7 @@ export function SearchDropdown({ placeholder }: SearchDropdownProps) {
         aria-controls="search-results-list"
         aria-autocomplete="list"
       />
-      <svg className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-secondary-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
-      </svg>
+      <Search className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-secondary-400" aria-hidden="true" strokeWidth={2} />
       {open && query.trim() && (
         <div
           className="absolute top-full left-0 mt-1 w-96 bg-white rounded-md shadow-lg border border-secondary-200 z-50 max-h-96 overflow-y-auto"