feat: update to use coinbaseWallet and metaMask connectors

src/components/providers/WagmiProvider.tsx

@@ -2,6 +2,8 @@ import { createConfig, http, WagmiProvider } from "wagmi";
 import { base, degen, mainnet, optimism, unichain } from "wagmi/chains";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { farcasterFrame } from "@farcaster/frame-wagmi-connector";
+import { coinbaseWallet, metaMask } from 'wagmi/connectors';
+import { APP_NAME, APP_ICON_URL, APP_URL } from "~/lib/constants";
 
 export const config = createConfig({
   chains: [base, optimism, mainnet, degen, unichain],
@@ -12,7 +14,20 @@ export const config = createConfig({
     [degen.id]: http(),
     [unichain.id]: http(),
   },
-  connectors: [farcasterFrame()],
+  connectors: [
+    farcasterFrame(),
+    coinbaseWallet({
+      appName: APP_NAME,
+      appLogoUrl: APP_ICON_URL,
+      preference: 'all',
+    }),
+    metaMask({
+      dappMetadata: {
+        name: APP_NAME,
+        url: APP_URL,
+      },
+    }),
+  ],
 });
 
 const queryClient = new QueryClient();