refactor userData query

src/app/ui/test.tsx

@@ -1,20 +1,9 @@
 'use client';
 
-import { useQuery } from '@tanstack/react-query';
-import { getUserData } from '@/app/actions/action';
+import { useUserProfile } from '@/app/hooks/react-query/useUserDataInfo';
 
 export default function HomePage() {
-	const {
-		data: userData,
-		isLoading,
-		isError,
-		error,
-	} = useQuery({
-		queryKey: ['userData'],
-		queryFn: () => {
-			return getUserData();
-		},
-	});
+	const { data: userData, isLoading, isError, error } = useUserProfile();
 
 	if (isLoading) return <div>Loading...</div>;
 	if (isError) return <div>Error: {error.message}</div>;
@@ -23,7 +12,7 @@ export default function HomePage() {
 		<div>
 			<h1>user email</h1>
 			<span>
-				{userData.email}
+				{userData?.email}
 			</span>
 		</div>
 	);