add translate

src/app/ui/dashboard/protection-overview.tsx

@@ -2,45 +2,49 @@
 
 import { useState } from 'react';
 import { PieChartComponent } from '@/app/components/PieChartComponent';
+import { useTranslations } from 'next-intl';
 
 
 const data = [
-	{ name: 'Изображения', value: 33, color: '#f08c00' },
-	{ name: 'Видео', value: 50, color: '#2f9e44' },
-	{ name: 'Аудио', value: 25, color: '#1971c2' },
+	{ name: 'images', value: 33, color: '#f08c00' },
+	{ name: 'videos', value: 50, color: '#2f9e44' },
+	{ name: 'audios', value: 25, color: '#1971c2' },
 ];
 
 export default function ProtectionOverview() {
 	const [isOpen, setIsOpen] = useState(false);
+	const t = useTranslations('Global');
 
 	return (
 		<div className="protection-overview">
-			<h3>Защита вашего контента</h3>
-			<p>Текущий статус защищенности и активности системы мониторинга</p>
+			<h3>{t('protecting-your-content')}</h3>
+			<p>{t('current-status-of')}</p>
 			<div className={`protection-stats ${isOpen ? "opened" : ""}`}>
 				<div className="protection-stat total-files">
 					<div className="protection-stat-value">0</div>
-					<div className="protection-stat-label">Всего файлов</div>
+					<div className="protection-stat-label">{t('total-files')}</div>
 				</div>
 
 				<div className="protection-stat total-checks">
 					<div className="protection-stat-row">
 						<div className="protection-stat-value">0</div>
-						<div className="protection-stat-label">проверок</div>
+						<div className="protection-stat-label">{t('check')}</div>
 					</div>
 					<div className="protection-stat-row">
 						<div className="protection-stat-value">0</div>
-						<div className="protection-stat-label">нарушений</div>
+						<div className="protection-stat-label">{t('violations')}</div>
 					</div>
 				</div>
 				{isOpen ? (
 					<div className="protection-stat total-usage">
-						<PieChartComponent data={data}/>
+						<PieChartComponent data={data} />
 					</div>
 				) : (
 					<div className="protection-stat total-usage">
 						<div className="protection-stat-value">0 / 0</div>
-						<div className="protection-stat-label">Использовано места на диске</div>
+						<div className="protection-stat-label">
+							{t('disk-space-used')}
+						</div>
 					</div>
 				)}
 			</div>