refactor userFilesInfo query

src/app/ui/my-content/new/my-content-page-title.tsx

@@ -2,21 +2,13 @@
 'use client'
 
 import { useTranslations } from 'next-intl';
-import { useQuery } from '@tanstack/react-query';
-import { getUserFilesInfo } from '@/app/actions/action';
 import { convertBytes } from '@/app/lib/convertBytes';
+import { useUserFilesInfo } from '@/app/hooks/react-query/useUserFilesInfo';
 
 export default function MyContentPageTitleColorFrame({ title, description }: { title: string, description: string }) {
 	const t = useTranslations('Global');
-	const {
-		data: filesInfo,
-		isLoading,
-		isError,
-		error,
-	} = useQuery({
-		queryKey: ['userFilesInfo'],
-		queryFn: getUserFilesInfo,
-	});
+
+	const { data: filesInfo, isLoading, isError, error } = useUserFilesInfo();
 
 	return (
 		<div className="page-title-color-frame">
@@ -31,7 +23,7 @@ export default function MyContentPageTitleColorFrame({ title, description }: { t
 				</div>
 				<div className="header-stats">
 					<div className="header-stat-item">
-						<div className="header-stat-value">{filesInfo?.all_files_quantity}</div>
+						<div className="header-stat-value">{filesInfo?.total.quantity}</div>
 						<div className="header-stat-label">Файлов</div>
 					</div>
 					<div className="header-stat-divider"></div>
@@ -41,7 +33,7 @@ export default function MyContentPageTitleColorFrame({ title, description }: { t
 					</div>
 					<div className="header-stat-divider"></div>
 					<div className="header-stat-item">
-						<div className="header-stat-value">{filesInfo?.all_files_size ? convertBytes(filesInfo?.all_files_size) : 0}</div>
+						<div className="header-stat-value">{convertBytes(filesInfo?.total.size ?? 0)}</div>
 						<div className="header-stat-label">Хранилище</div>
 					</div>
 				</div>