add fetch users data, add loagout endpoints

src/app/ui/users/tanstak-users-table.tsx

@@ -18,6 +18,7 @@ import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import ModalWindow from '@/app/components/modalWindow';
 import { toast } from 'sonner';
 import { pluralize } from '@/app/lib/pluralize';
+import { useUsersData } from '@/app/hooks/react-query/useUsersData';
 
 type FileItem = {
 	id: string;
@@ -103,51 +104,12 @@ const cutFileName = (userId: string) => {
 }
 
 export default function TanstakUsersTable() {
-	const {
-		data: tableData,
+
+	const { data: tableData,
 		isLoading,
 		isError,
-		error,
-	} = useQuery<ApiResponse, Error, any>({
-		queryKey: ['userFilesData'],
-		queryFn: () => {
-			return []
-		},
-
-		select: (data: ApiResponse): any => {
-			if (!data?.files) return [
-				{
-					id: 1,
-					userId: 1,
-					userName: 'userName',
-					userEmail: 'userEmail',
-					userCompany: 'userCompany',
-					userSubscription: 'userSubscription',
-					userRole: 'role',
-					userContent: 0,
-				}
-			];
-
-			return data.files.map((item: ApiFile) => {
-				const [datePart, timePart] = item.updatedAt.split(' ');
-				const [day, month, year] = datePart.split('-').map(Number);
-				const [hours, minutes, seconds] = timePart.split(':').map(Number);
-				const newDate = new Date(year, month - 1, day, hours, minutes, seconds).getTime();
-
-				return {
-					id: item.id,
-					userId: item.originalFileName,
-					userName: item.mimeType.toLocaleLowerCase(),
-					userEmail: item.userEmail,
-					userCompany: item.userCompany,
-					userSubscription: newDate,
-					userRole: 'role',
-					userContent: 0,
-					_original: item
-				};
-			});
-		},
-	});
+		error
+	} = useUsersData(10, 10);
 
 	const queryClient = useQueryClient();