add explicit connectors for metamask and phantom

package.json

@@ -30,6 +30,8 @@
     "@web3-onboard/core": "^2.21.2",
     "@web3-onboard/gnosis": "^2.2.0",
     "@web3-onboard/injected-wallets": "^2.11.1",
+    "@web3-onboard/metamask": "^2.2.0",
+    "@web3-onboard/phantom": "^2.1.1",
     "@web3-onboard/react": "^2.8.13",
     "@web3-onboard/walletconnect": "^2.4.6",
     "axios": "^0.27.2",

src/utils/onboard.ts

@@ -11,6 +11,8 @@ import {
   providerUrlsTable,
 } from "utils";
 import logo from "assets/token-logos/acx.svg";
+import metamaskSDK from "@web3-onboard/metamask";
+import phantomModule from "@web3-onboard/phantom";
 
 const injected = injectedModule();
 const gnosis = gnosisModule();
@@ -22,10 +24,28 @@ const coinbase = coinbaseModule({
   supportedWalletType: "all",
 });
 
+const metamaskSDKWallet = metamaskSDK({
+  options: {
+    extensionOnly: false,
+    dappMetadata: {
+      name: "Across Bridge",
+    },
+  },
+});
+
+const phantom = phantomModule();
+
 export function onboardInit() {
   return init({
     apiKey: onboardApiKey,
-    wallets: [injected, coinbase, walletConnect, gnosis],
+    wallets: [
+      injected,
+      coinbase,
+      walletConnect,
+      gnosis,
+      metamaskSDKWallet,
+      phantom,
+    ],
 
     chains: chainInfoList.map((chainInfo) => ({
       id: chainInfo.chainId,