fix loading bug

src/app/ui/reports/reports-info.tsx

@@ -11,7 +11,7 @@ export default function ReportsInfo() {
 	const t = useTranslations("Global");
 	const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
 	const { data: violationStatistic } = useViolationStatistic();
-	const { data: monitoringCount } = useMonitoringCount();
+	const { data: monitoringCount, isLoading: isLoadingMonitoringCount } = useMonitoringCount();
 
 	useEffect(() => {
 		console.log(monitoringCount);
@@ -47,7 +47,17 @@ export default function ReportsInfo() {
 						</div>
 					</div>
 					<div className="stat-value">
-						{`${monitoringCount?.day}/${monitoringCount?.weekly}/${monitoringCount?.month}`}
+						<div
+							className="loading-placeholder start"
+						>
+							{isLoadingMonitoringCount ? (
+								<div className="loading-animation">
+									<div className="global-spinner" />
+								</div>
+							) : (
+								`${monitoringCount?.day}/${monitoringCount?.weekly}/${monitoringCount?.month}`
+							)}
+						</div>
 					</div>
 					<div className="stat-label">{t('monitoring')} {t('every')} {t('day')}/ {t('week_accusative')}/ {t('month')}</div>
 				</div>