clean up

example/react-app/src/components/Account.tsx

@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import Card from "./Card";
 import { usePlayground } from "../services/playground";
+import copyIcon from "../assets/copyIcon.svg";
 import Divider from "./Divider";
 import Button from "./Button";
 
@@ -42,15 +43,8 @@ const Account = () => {
         }}
       >
         <span className="overflow-hidden overflow-ellipsis">{addressToShow}</span>
-        <div className="ml-2">
-          <svg className="w-3 h-3" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path
-              fillRule="evenodd"
-              clipRule="evenodd"
-              d="M2.45166 2.26636C2.45166 1.16179 3.51498 0.266357 4.82666 0.266357H11.16C12.4717 0.266357 13.535 1.16179 13.535 2.26636V9.59969C13.535 10.7043 12.4717 11.5997 11.16 11.5997C11.16 12.7043 10.0967 13.5997 8.78499 13.5997H2.45166C1.13998 13.5997 0.0766602 12.7043 0.0766602 11.5997V4.26636C0.0766602 3.16179 1.13998 2.26636 2.45166 2.26636ZM2.45166 3.59969C2.01443 3.59969 1.65999 3.89817 1.65999 4.26636V11.5997C1.65999 11.9679 2.01443 12.2664 2.45166 12.2664H8.78499C9.22222 12.2664 9.57666 11.9679 9.57666 11.5997H4.82666C3.51498 11.5997 2.45166 10.7043 2.45166 9.59969V3.59969ZM4.82666 1.59969C4.38943 1.59969 4.03499 1.89817 4.03499 2.26636V9.59969C4.03499 9.96788 4.38943 10.2664 4.82666 10.2664H11.16C11.5972 10.2664 11.9517 9.96788 11.9517 9.59969V2.26636C11.9517 1.89817 11.5972 1.59969 11.16 1.59969H4.82666Z"
-              fill="currentColor"
-            />
-          </svg>
+        <div className="ml-2 flex-shrink-0">
+          <img src={copyIcon} className="w-3 h-3" alt="" />
         </div>
       </Button>
     </Card>

example/react-app/src/components/Dialog.tsx

@@ -1,4 +1,5 @@
 import { forwardRef } from "react";
+import closeIcon from "../assets/closeIcon.svg";
 
 type Props = {
   children: React.ReactNode;
@@ -19,15 +20,7 @@ const Dialog = forwardRef<HTMLDialogElement, Props>(({ children, closeDialog, ty
     >
       {children}
       <button className="absolute top-4 right-5 shadow-sm outline-none" onClick={closeDialog}>
-        <svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path
-            d="M9.8 16.2L13 13M13 13L16.2 9.8M13 13L9.8 9.8M13 13L16.2 16.2M25 13C25 14.5759 24.6896 16.1363 24.0866 17.5922C23.4835 19.0481 22.5996 20.371 21.4853 21.4853C20.371 22.5996 19.0481 23.4835 17.5922 24.0866C16.1363 24.6896 14.5759 25 13 25C11.4241 25 9.86371 24.6896 8.4078 24.0866C6.95189 23.4835 5.62902 22.5996 4.51472 21.4853C3.40042 20.371 2.5165 19.0481 1.91345 17.5922C1.31039 16.1363 1 14.5759 1 13C1 9.8174 2.26428 6.76516 4.51472 4.51472C6.76515 2.26428 9.8174 1 13 1C16.1826 1 19.2348 2.26428 21.4853 4.51472C23.7357 6.76516 25 9.8174 25 13Z"
-            stroke="#6B7280"
-            strokeWidth="1.5"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </svg>
+        <img src={closeIcon} className="w-6 h-6" alt="" />
       </button>
     </dialog>
   );