fix: set toToken native address

ui/ducks/bridge/bridge.ts

@@ -6,6 +6,7 @@ import {
   isSolanaChainId,
   formatChainIdToHex,
   isNativeAddress,
+  getNativeAssetForChainId,
 } from '@metamask/bridge-controller';
 import { getAssetImageUrl, toAssetId } from '../../../shared/lib/asset-utils';
 import { MULTICHAIN_TOKEN_IMAGE_MAP } from '../../../shared/constants/multichain/networks';
@@ -117,7 +118,15 @@ const bridgeSlice = createSlice({
       }
     },
     setToToken: (state, { payload }: TokenPayload) => {
-      state.toToken = toBridgeToken(payload);
+      const toToken = toBridgeToken(payload);
+      state.toToken = toToken
+        ? {
+            ...toToken,
+            address:
+              toToken.address ||
+              getNativeAssetForChainId(toToken.chainId)?.address,
+          }
+        : toToken;
     },
     setFromTokenInputValue: (state, action) => {
       state.fromTokenInputValue = action.payload;

ui/pages/bridge/prepare/prepare-bridge-page.tsx

@@ -10,7 +10,6 @@ import classnames from 'classnames';
 import { debounce } from 'lodash';
 import { useHistory, useLocation } from 'react-router-dom';
 import { type TokenListMap } from '@metamask/assets-controllers';
-import { ethers } from 'ethers';
 import { toChecksumAddress, zeroAddress } from 'ethereumjs-util';
 import {
   formatChainIdToCaip,
@@ -389,10 +388,7 @@ const PrepareBridgePage = () => {
   const quoteParams: Partial<GenericQuoteRequest> = useMemo(
     () => ({
       srcTokenAddress: fromToken?.address,
-      destTokenAddress:
-        toToken && isNativeAddress(toToken.address)
-          ? ethers.constants.AddressZero
-          : toToken?.address,
+      destTokenAddress: toToken?.address,
       srcTokenAmount:
         fromAmount && fromToken?.decimals
           ? calcTokenValue(