adding mockchain to the rainbow kit network selector

src/components/providers.tsx

@@ -6,14 +6,32 @@ import { mainnet, polygon, optimism, arbitrum, base } from 'wagmi/chains';
 import { QueryClientProvider, QueryClient } from '@tanstack/react-query';
 import { ThemeProvider, useTheme } from 'next-themes';
 import { useEffect, useState } from 'react';
+import { defineChain } from 'viem';
 
 import { TranslationsProvider } from '@/providers/translations-provider';
 import { Header } from '@/components/header';
 
+const mockchain = defineChain({
+  id: 31337,
+  name: 'Mockchain',
+  nativeCurrency: {
+    decimals: 18,
+    name: 'Ether',
+    symbol: 'ETH',
+  },
+  rpcUrls: {
+    default: { http: ['http://localhost:8545'] },
+  },
+  blockExplorers: {
+    default: { name: 'Explorer', url: 'http://localhost:8545' },
+  },
+  testnet: true,
+});
+
 const config = getDefaultConfig({
   appName: 'Liquidity Party',
   projectId: 'YOUR_PROJECT_ID', // Get this from https://cloud.walletconnect.com
-  chains: [mainnet, polygon, optimism, arbitrum, base],
+  chains: [mainnet, polygon, optimism, arbitrum, base, mockchain],
   ssr: false,
 });