change colors and styles for complaint/case form

src/app/ui/file-page/violation-table/file-page-violation-info-tabs.tsx

@@ -6,6 +6,7 @@ import { ViolationFileDetail } from '@/app/hooks/react-query/useFileViolations';
 import { MatchStatus } from '@/app/actions/violationActions';
 import { useEffect, useState } from 'react';
 import { useUserProfile } from '@/app/hooks/react-query/useUserDataInfo';
+import { useTranslations } from 'next-intl';
 
 type UpdateStatusHandler = (id: number, status: MatchStatus) => Promise<boolean>;
 
@@ -14,6 +15,7 @@ const STATUSES_IN_WORK = ['COMPLAINT_IN_WORK', 'LEGAL_IN_WORK', 'COMPLAINT_AND_L
 type TabType = 'complaint' | 'legal'
 
 export default function FilePageViolationInfoTabs({ selectedViolation, updateStatusHandler }: { selectedViolation: ViolationFileDetail, updateStatusHandler: UpdateStatusHandler }) {
+	const t = useTranslations('Global');
 	const [activeTab, setActiveTab] = useState<TabType>('complaint');
 	const [showTabs, setShowTabs] = useState(false);
 	const isInWork = STATUSES_IN_WORK.includes(selectedViolation.status);
@@ -61,7 +63,9 @@ export default function FilePageViolationInfoTabs({ selectedViolation, updateSta
 	if (!isInWork && !showTabs) {
 		return (
 			<div className="violation-info-choice">
-				<h4>Вы можете</h4>
+				<h4>
+					{t('you-can')}
+				</h4>
 				<div className="violation-info-choice-buttons">
 					<button
 						className="btn btn-primary"
@@ -70,11 +74,11 @@ export default function FilePageViolationInfoTabs({ selectedViolation, updateSta
 							setActiveTab('complaint');
 						}}
 					>
-						Подать жалобу
+						{t('file-a-complaint')}
 					</button>
 
 					<span>
-						или
+						{t('or')}
 					</span>
 
 					<button
@@ -84,7 +88,7 @@ export default function FilePageViolationInfoTabs({ selectedViolation, updateSta
 							setActiveTab('legal');
 						}}
 					>
-						Подать притензию
+						{t('file-a-claim')}
 					</button>
 				</div>
 			</div>
@@ -98,13 +102,13 @@ export default function FilePageViolationInfoTabs({ selectedViolation, updateSta
 					className={`btn-s btn-primary ${activeTab === 'complaint' ? 'active' : ''} ${localViolation.status === 'COMPLAINT_IN_WORK' || localViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? '' : 'action'}`}
 					onClick={() => setActiveTab('complaint')}
 				>
-					{localViolation.status === 'COMPLAINT_IN_WORK' || localViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? 'Жалоба' : 'Подать жалобу'}
+					{localViolation.status === 'COMPLAINT_IN_WORK' || localViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? t('complaint') : t('file-a-complaint')}
 				</button>
 				<button
 					className={`btn-s btn-primary ${activeTab === 'legal' ? 'active' : ''} ${localViolation.status === 'LEGAL_IN_WORK' || localViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? '' : 'action'}`}
 					onClick={() => setActiveTab('legal')}
 				>
-					{localViolation.status === 'LEGAL_IN_WORK' || localViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? 'Претензия' : 'Подать претензию'}
+					{localViolation.status === 'LEGAL_IN_WORK' || localViolation.status === 'COMPLAINT_AND_LEGAL_IN_WORK' ? t('case') : t('file-a-claim')}
 				</button>
 			</div>
 			<div className="violation-info-content">