feat: add incident audit trail API integration and UI component

src/app/recoveryIncidents/RecoveryIncidentsApi.ts

@@ -63,7 +63,7 @@ export function getIncidentAuditTrail(id: string): Promise<AuditTrailStepDto[]>
   return ApiClient.get<any, AuditTrailStepDto[]>(`/recovery-incidents/${id}/audit-trail`);
 }
 
-export function createRecoveryIncident(data: Omit<RecoveryIncident, 'id'>): Promise<RecoveryIncident> {
+export function createRecoveryIncident(data: Omit<RecoveryIncident, 'id' | 'createdAt' | 'updatedAt'>): Promise<RecoveryIncident> {
   return ApiClient.post<any, RecoveryIncident>('/recovery-incidents', data);
 }
 

src/app/recoveryIncidents/RecoveryIncidentsTypes.ts

@@ -31,8 +31,8 @@ export interface IncidentEvaluation {
 }
 
 export interface RecoveryIncident {
-  createdAt: string;
-  updatedAt: string;
+  createdAt?: string;
+  updatedAt?: string;
   id: string;
   recoveryCode: string;
   date: string;

src/app/recoveryIncidents/tabs/AuditTrailTab.tsx

@@ -99,6 +99,9 @@ export default function AuditTrailTab({ incident }: AuditTrailTabProps) {
               Lifecycle Timeline & Audit Trail ({code})
             </h3>
           </div>
+          {loading && (
+            <span className="text-xs text-gray-400 animate-pulse">Loading updates...</span>
+          )}
         </div>
 
         <div className="flex flex-col mt-4 pl-2">