refactor userFilesInfo query

src/app/ui/violations/violations-statistic.tsx

@@ -1,51 +1,25 @@
 'use client'
 
 import { useTranslations } from 'next-intl';
-import { useQuery } from '@tanstack/react-query';
-import { getUserFilesInfo } from '@/app/actions/action';
-
-type FilesInfo = {
-	totalSize: number;
-	totalCount: number;
-};
+import { useUserFilesInfo } from '@/app/hooks/react-query/useUserFilesInfo';
 
 export default function ViolationsStatistic() {
 	const t = useTranslations('Global');
 
-	const {
-		data: filesInfo,
-		isLoading,
-		isError,
-		error,
-	} = useQuery<{
-		all_files_size: number,
-		all_files_quantity: number
-	}, Error, FilesInfo>({
-		queryKey: ['userFilesInfo'],
-		queryFn: getUserFilesInfo,
-		select: (data): FilesInfo => {
-			if (!data) {
-				return {
-					totalSize: 0,
-					totalCount: 0
-				}
-			}
-
-			return {
-				totalSize: data.all_files_size,
-				totalCount: data.all_files_quantity
-			}
-		}
-	});
+	const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
 
 	return (
 		<div className="protection-statistic">
 			<div className="protection-statistic-stat-card">
-				<div className="protection-statistic-stat-number">0</div>
+				<div className="protection-statistic-stat-number">
+					{filesInfo?.total.violation}
+				</div>
 				<div className="protection-statistic-stat-label">{t(`total-violations`)}</div>
 			</div>
 			<div className="protection-statistic-stat-card">
-				<div className="protection-statistic-stat-number">0</div>
+				<div className="protection-statistic-stat-number">
+					{filesInfo?.total.violation}
+				</div>
 				<div className="protection-statistic-stat-label">{t(`new`)}</div>
 			</div>
 			<div className="protection-statistic-stat-card">