overhauling destination address

package.json

@@ -93,6 +93,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.1",
+    "react-icons": "^5.1.0",
     "resend": "^3.1.0",
     "stridejs": "^0.8.0-alpha.5",
     "tailwind-merge": "^2.2.1",

src/components/AssetInput.tsx

@@ -56,15 +56,15 @@ function AssetInput({
     return assetsByChainID(chain.chainID);
   }, [assetsByChainID, chain, getNativeAssets]);
 
-  const account = useAccount(context);
+  const account = useAccount(chain?.chainID);
 
   const isAnyDisclosureOpen = useAnyDisclosureOpen();
 
   const { data: balances, isLoading: isBalancesLoading } = useBalancesByChain({
     address: account?.address,
     chain,
     assets,
-    enabled: !isAnyDisclosureOpen,
+    enabled: !isAnyDisclosureOpen && context === "source",
   });
 
   const selectedAssetBalance = useMemo(() => {

src/components/AssetSelect/AssetSelectContent.tsx

@@ -2,7 +2,6 @@ import { ArrowLeftIcon } from "@heroicons/react/20/solid";
 import * as ScrollArea from "@radix-ui/react-scroll-area";
 import { Asset } from "@skip-router/core";
 import { matchSorter } from "match-sorter";
-import Image from "next/image";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { formatUnits } from "viem";
 
@@ -94,7 +93,7 @@ function AssetSelectContent({ assets = [], balances, onChange, onClose, showChai
               className="flex w-full items-center gap-4 rounded-xl p-4 text-left transition-colors hover:bg-[#ECD9D9] focus:-outline-offset-2"
               onClick={() => (onClose(), onChange?.(asset))}
             >
-              <Image
+              <img
                 height={48}
                 width={48}
                 alt={asset.recommendedSymbol || "symbol"}

src/components/AssetSelect/index.tsx

@@ -1,6 +1,5 @@
 import { ChevronDownIcon } from "@heroicons/react/20/solid";
 import { Asset } from "@skip-router/core";
-import Image from "next/image";
 import { useState } from "react";
 
 import { Dialog, DialogContent, DialogTrigger } from "@/components/Dialog";
@@ -36,7 +35,7 @@ function AssetSelect({ asset, assets, balances, onChange, showChainInfo, isBalan
           data-testid="select-asset"
         >
           {asset && (
-            <Image
+            <img
               alt={asset.recommendedSymbol || "asset symbol"}
               height={24}
               width={24}

src/components/HistoryDialog/HistoryList.tsx

@@ -73,7 +73,6 @@ export const Item = forwardRef<HTMLDivElement, ItemProps>(function Item(props, r
     })),
     enabled: !(data.status === "success" || data.status === "failed"),
   });
-
   useEffect(() => {
     if (errorUpdateCount > 4) {
       txHistory.remove(id);