update report page

src/app/ui/reports/analytics-carв-geography.tsx

@@ -1,33 +1,53 @@
+'use client'
+
+import { useTranslations } from 'next-intl'
+
 export default function AnalyticsCardGeography() {
+	const t = useTranslations('Global');
+
 	return (
 		<div className="analytics-card">
 			<div className="analytics-header">
-				<div className="analytics-icon">🌍</div>
-				<h3 className="analytics-title">География нарушений</h3>
+				<div className="analytics-icon"></div>
+				<h3 className="analytics-title">
+					{t('geography-of-violations')}
+				</h3>
 			</div>
 			<div className="storage-timeline">
 				<div className="timeline-item">
-					<span className="timeline-month">🇷🇺 Россия</span>
+					<span className="timeline-month">
+						{t('russia')}
+					</span>
 					<span className="method-count">0</span>
 				</div>
 				<div className="timeline-item">
-					<span className="timeline-month">🇺🇸 США</span>
+					<span className="timeline-month">
+						{t('usa')}
+					</span>
 					<span className="method-count">0</span>
 				</div>
 				<div className="timeline-item">
-					<span className="timeline-month">🇩🇪 Германия</span>
+					<span className="timeline-month">
+						{t('germany')}
+					</span>
 					<span className="method-count">0</span>
 				</div>
 				<div className="timeline-item">
-					<span className="timeline-month">🇫🇷 Франция</span>
+					<span className="timeline-month">
+						{t('france')}
+					</span>
 					<span className="method-count">0</span>
 				</div>
 				<div className="timeline-item">
-					<span className="timeline-month">🇬🇧 Великобритания</span>
+					<span className="timeline-month">
+						{t('uk')}
+					</span>
 					<span className="method-count">0</span>
 				</div>
 				<div className="timeline-item">
-					<span className="timeline-month">🇨🇳 Китай</span>
+					<span className="timeline-month">
+						{t('china')}
+					</span>
 					<span className="method-count">0</span>
 				</div>
 			</div>