feat(ShareModal): integrate react-query for clipboard functionality

Added a new handleCopy function in ShareModal component that utilizes react-query's useQuery hook. This enhancement prepares the component for future web service integration related to clipboard operations.

src/components/molecules/ShareModal.jsx

@@ -6,6 +6,7 @@ import ShareModalIcon from "../../../public/gifs/download.gif";
 import CopyIcon from "../../../public/svgs/copy.svg";
 import Image from "next/image";
 import { copyToClipboard } from "@/utils/helper/handlers";
+import { useQuery } from "@tanstack/react-query";
 
 export default function ShareModal() {
   const [linkText] = useState("Sallam/ENfrzWaQDSOKdeOtD");
@@ -32,6 +33,10 @@ export default function ShareModal() {
     };
   }, [onCloseModal]);
 
+  const handleCopy = () => {
+    const callWebService = useQuery("",{})
+  }
+
   return (
     <Modal isOpen={isOpenShareModal} onClose={onCloseModal}>
       <Modal.Box