change color, fix date for claims

src/app/ui/file-page/violation-table/case-legal.tsx

@@ -16,13 +16,13 @@ interface CaseInfo {
 	priority: string;
 	type: string;
 	lawyer: string | null;
-	createdAt: string;
-	updatedAt: string;
-	pageNumber: number;
-	pageSize: number;
-	totalElements: number;
-	totalPages: number;
-	violationId: number;
+	created_at: string;
+	updated_at: string;
+	page_number: number;
+	page_size: number;
+	total_elements: number;
+	total_pages: number;
+	violation_id: number;
 	content: string | null;
 }
 
@@ -255,7 +255,7 @@ export default function CaseViolation({ selectedViolation, updateStatusHandler }
 											<div
 												className="complaint-details-content"
 											>
-												{item.createdAt ? `${formatDate(item.createdAt)}: ${formatDateTime(item.createdAt)}` : '---'}
+												{item.created_at ? `${formatDate(item.created_at)}: ${formatDateTime(item.created_at)}` : '---'}
 											</div>
 										</div>
 
@@ -266,7 +266,7 @@ export default function CaseViolation({ selectedViolation, updateStatusHandler }
 											<div
 												className="complaint-details-content"
 											>
-												{item.updatedAt ? `${formatDate(item.updatedAt)}: ${formatDateTime(item.updatedAt)}` : '---'}
+												{item.updated_at ? `${formatDate(item.updated_at)}: ${formatDateTime(item.updated_at)}` : '---'}
 											</div>
 										</div>