fix(f4): use act lifecycle contract inside inspections

web-v2/src/features/inspections/InspectionActsPanel.tsx

@@ -3,8 +3,8 @@ import { Link } from 'react-router';
 import { useAuth } from '../../auth/AuthContext';
 import { Alert, EmptyState, LoadingBlock, errorMessage } from '../../components/Feedback';
 import { Icon } from '../../components/Icon';
-import { listInspectionActs } from '../../lib/api';
-import type { InspectionActListItem, InspectionVisit } from '../../lib/api';
+import type { InspectionVisit } from '../../lib/api';
+import { listInspectionActsF4, type InspectionActListItemF4 } from '../../lib/inspectionActF4Api';
 import { formatDate } from '../../lib/format';
 import { FieldBriefingPanel } from './FieldBriefingPanel';
 import { inspectionActStatusClass, inspectionActStatusLabel } from './inspectionActPresentation';
@@ -12,7 +12,7 @@ import { inspectionActStatusClass, inspectionActStatusLabel } from './inspection
 export function InspectionActsPanel({ visit }: { visit: InspectionVisit }) {
   const { hasPermission } = useAuth();
   const canRead = hasPermission('inspection_acts.read');
-  const [acts, setActs] = useState<InspectionActListItem[]>([]);
+  const [acts, setActs] = useState<InspectionActListItemF4[]>([]);
   const [loading, setLoading] = useState(canRead);
   const [error, setError] = useState('');
 
@@ -20,7 +20,7 @@ export function InspectionActsPanel({ visit }: { visit: InspectionVisit }) {
     if (!canRead) return;
     setLoading(true);
     setError('');
-    listInspectionActs(visit.id, { pageSize: 100 })
+    listInspectionActsF4(visit.id, { pageSize: 100 })
       .then((response) => setActs(response.data))
       .catch((requestError) => setError(errorMessage(requestError)))
       .finally(() => setLoading(false));