add real info for dashboard-last-check

src/app/ui/dashboard/new/dashboard-last-check.tsx

@@ -1,26 +1,63 @@
+'use client'
+
+import { useQuery } from '@tanstack/react-query';
 import Link from 'next/link';
+import { fetchLastMonitoringCheck } from '@/app/actions/monitoringActions';
+import { formatDate, formatDateTime } from '@/app/lib/formatDate';
+import { useTranslations } from 'next-intl';
 
 export default function DashboardLastCheck() {
+	const { data, isLoading } = useQuery({
+		queryKey: ['lastMonitoringCheck'],
+		queryFn: () => {
+			return fetchLastMonitoringCheck()
+		},
+		select: (data) => {
+			if (!data) {
+				return null
+			}
+			return data;
+		},
+		retry: false
+	});
+
+	const t = useTranslations('Global');
+
 	return (
 		<div className="dashboard-last-check">
 			<div className="last-check-info">
-				<div className="last-check-title">Последняя проверка контента</div>
-				<div className="last-check-date">
-					17.10.2025 в 10:23</div>
+				<div className="last-check-title">
+					{t('last-content-check')}
+				</div>
+				<div
+					className="relative"
+				>
+					{isLoading ? (
+						<div
+							className="loading-animation"
+						>
+							<div className="global-spinner"></div>
+						</div>
+					) : (
+						<div className="last-check-date">
+							{data?.recent_searches[0]?.created_at ? `${formatDate(data.recent_searches[0].created_at)} ${t('in')} ${formatDateTime(data.recent_searches[0].created_at)}` : '---'}
+						</div>
+					)}
+				</div>
 			</div>
 			<div className="last-check-actions">
 				<Link
 					className="btn-report"
-					href={'reports'}
+					href={'/pages/reports'}
 				>
-					📄 Отчёт
+					{t('reports')}
 				</Link>
-				<Link
+{/* 				<Link
 					className="btn-new-search"
 					href={'violations'}
 				>
-					🔍 Мониторинг нарушений
-				</Link>
+					Мониторинг нарушений
+				</Link> */}
 			</div>
 		</div>
 	)