demo user list API integration started

src/components/HomeCom.jsx

@@ -1,10 +1,22 @@
 // import React from 'react'
+import { useQuery } from "@tanstack/react-query";
 
 import { CiPhone } from "react-icons/ci"
 import { IoIosPhonePortrait } from "react-icons/io"
 import { MdOutlineEmail } from "react-icons/md"
+import { demoUsersList } from "../services/siteServices"
+import queryKeys from "../services/queryKeys"
 
 export default function HomeCom() {
+
+  const {data:users, isFetching, isError, error} = useQuery({
+      queryKey: queryKeys.demoUsers,
+      queryFn: () => demoUsersList()
+  })
+
+  const demoUsers = users?.data
+  console.log(demoUsers)
+
   return (
     <div className="w-full h-screen flex flex-col gap-2 overflow-y-auto text-black bg-slate-100 p-5 sm:p-[40px]">
       <div className="py-4 text-3xl text-black font-bold">Users</div>