chore(web-devtools): intialize the SDK

Author: jaybuidl

web-devtools/.gitignore

@@ -45,3 +45,8 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+.env*
+.flaskenv*
+!.env.project
+!.env.vault

web-devtools/src/context/Web3Provider.tsx

@@ -6,6 +6,8 @@ import { createConfig, fallback, http, WagmiProvider, webSocket } from "wagmi";
 import { mainnet, arbitrumSepolia, arbitrum, gnosisChiado, sepolia, gnosis } from "wagmi/chains";
 import { walletConnect } from "wagmi/connectors";
 
+import { configureSDK } from "@kleros/kleros-sdk/src/sdk";
+
 import { ALL_CHAINS, DEFAULT_CHAIN } from "consts/chains";
 import { isProductionDeployment } from "consts/index";
 
@@ -78,6 +80,13 @@ export const wagmiConfig = createConfig({
   connectors: [walletConnect({ projectId })],
 });
 
+configureSDK({
+  client: {
+    chain: isProduction ? arbitrum : arbitrumSepolia,
+    transport: transports[isProduction ? arbitrum.id : arbitrumSepolia.id],
+  },
+});
+
 createWeb3Modal({
   wagmiConfig,
   projectId,