add translate and colors for matched status

src/app/ui/file-page/violation-table/file-page-violations-list.tsx

@@ -17,6 +17,7 @@ export default function FilePageViolationsList({
 	fileId: string
 }) {
 	const t = useTranslations('Global');
+	const tStatus = useTranslations('Match-status');
 	const router = useRouter();
 	const pathname = usePathname();
 	const [selectedViolation, setSelectedViolation] = useState<ViolationFileDetail | null>(null);
@@ -104,9 +105,20 @@ export default function FilePageViolationsList({
 								<div
 									className="source-header-right"
 								>
-									<span className="source-status new">
-										{item.status}
-									</span>
+									{item.status === "COMPLAINT_AND_LEGAL_IN_WORK" ? (
+										<>
+											<span className="source-status legal_in_work">
+												{t('legal_in_work')}
+											</span>
+											<span className="source-status complaint_in_work">
+												{t('complaint_in_work')}
+											</span>
+										</>
+									) : (
+										<span className={`source-status ${item.status.toLowerCase()}`}>
+											{tStatus(item.status)}
+										</span>
+									)}
 
 									<div className="source-actions">
 										<Link