chore(evm-address): Option to copy the address for evm contracts and copy feedback (#752)

* copy address for evm contracts and copy feedback

* no margin

Author: nidhi-singh02

components/CopyAddress.tsx

@@ -1,12 +1,15 @@
-import copy from "copy-to-clipboard";
 import CopyIcon from "./icons/CopyIcon";
+import { useCopyToClipboard } from "../utils/useCopyToClipboard";
 
 const CopyAddress = ({ address, url }: { address: string; url?: string }) => {
+  const { copiedText, copyToClipboard } = useCopyToClipboard();
+  const isCopied = copiedText === address;
+
   return (
     <div
       className="-ml-1 inline-flex cursor-pointer items-center px-1 font-mono hover:bg-light hover:text-dark dark:hover:bg-dark dark:hover:text-light"
       onClick={() => {
-        copy(address);
+        copyToClipboard(address);
       }}
     >
       <span className="mr-2 hidden lg:block">
@@ -26,8 +29,12 @@ const CopyAddress = ({ address, url }: { address: string; url?: string }) => {
         ) : (
           address.slice(0, 6) + "..." + address.slice(-6)
         )}
-      </span>{" "}
-      <CopyIcon className="shrink-0" />
+      </span>
+      {isCopied ? (
+        <span className="text-green-500 text-xs font-bold">✓</span>
+      ) : (
+        <CopyIcon className="shrink-0" />
+      )}
     </div>
   );
 };