feat: customize RainbowKit wallet selection for new users

Author: corwintines

src/components/StartWithEthereumFlow/LetUseSomeApps/index.tsx

@@ -145,7 +145,7 @@ const LetUseSomeApps = ({
             </div>
           ))}
         </div>
-        <div className="flex justify-center lg:hidden">
+        <div className="mb-4 flex justify-center lg:hidden">
           <Link
             href="/dapps"
             className="font-bold no-underline"

src/config/rainbow-kit.ts

@@ -1,8 +1,27 @@
 import { mainnet } from "wagmi/chains"
 import { getDefaultConfig } from "@rainbow-me/rainbowkit"
+import {
+  coinbaseWallet,
+  mewWallet,
+  oneKeyWallet,
+  rainbowWallet,
+  zerionWallet,
+} from "@rainbow-me/rainbowkit/wallets"
 
 export const rainbowkitConfig = getDefaultConfig({
   appName: "ethereum.org",
   projectId: process.env.NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID!,
   chains: [mainnet],
+  wallets: [
+    {
+      groupName: "New to crypto",
+      wallets: [
+        coinbaseWallet,
+        rainbowWallet,
+        mewWallet,
+        zerionWallet,
+        oneKeyWallet,
+      ],
+    },
+  ],
 })