refactor: client side with useffect

Author: siinghd

apps/www/registry/default/ui/nft-card.tsx

@@ -44,14 +44,28 @@ const NftCard = async ({
   ...props
 }: NftCardProps) => {
   const [nftData, setNftData] = useState<any>(null)
+
   const umi = createUmi(process.env.NEXT_PUBLIC_QUICKNODE!).use(
     mplTokenMetadata()
   )
 
   useEffect(() => {
     const fetchNftData = async () => {
       const nftData = await fetchDigitalAsset(umi, publicKey(mintAddress))
-      setNftData(nftData)
+      const uriData = await fetch(
+        "https://madlads.s3.us-west-2.amazonaws.com/json/1976.json",
+        {
+          method: "GET",
+          headers: {
+            Accept: "*/*",
+          },
+        }
+      )
+      const jsonUriData = await uriData.json()
+      setNftData({
+        nft: nftData,
+        uriData: jsonUriData,
+      })
     }
     fetchNftData()
   }, [])