feat(web): add keystone wallet back

We had to remove keystone from the list of wallets in this PR:
https://github.com/safe-global/safe-wallet-monorepo/pull/4686/files
as the previous package had a faulty dependency that didn’t resolve with yarn v4.
This has been resolved here:
thirdweb-dev/web3-onboard#2322

And I’m adding keystone back

Author: compojoom

apps/web/jest.setup.js

@@ -5,6 +5,7 @@ import { server } from '@/tests/server'
 
 jest.mock('@web3-onboard/coinbase', () => jest.fn())
 jest.mock('@web3-onboard/injected-wallets', () => ({ ProviderLabel: { MetaMask: 'MetaMask' } }))
+jest.mock('@web3-onboard/keystone/dist/index', () => jest.fn())
 jest.mock('@web3-onboard/ledger/dist/index', () => jest.fn())
 jest.mock('@web3-onboard/trezor', () => jest.fn())
 jest.mock('@web3-onboard/walletconnect', () => jest.fn())

apps/web/package.json

@@ -66,6 +66,7 @@
     "@web3-onboard/coinbase": "^2.4.1",
     "@web3-onboard/core": "2.21.4",
     "@web3-onboard/injected-wallets": "^2.11.2",
+    "@web3-onboard/keystone": "^2.3.11",
     "@web3-onboard/ledger": "2.3.2",
     "@web3-onboard/trezor": "2.4.3",
     "@web3-onboard/walletconnect": "^2.6.1",

apps/web/src/hooks/wallets/wallets.ts

@@ -3,6 +3,7 @@ import type { ChainInfo } from '@safe-global/safe-gateway-typescript-sdk'
 import type { InitOptions } from '@web3-onboard/core'
 import coinbaseModule from '@web3-onboard/coinbase'
 import injectedWalletModule from '@web3-onboard/injected-wallets'
+import keystoneModule from '@web3-onboard/keystone/dist/index'
 import ledgerModule from '@web3-onboard/ledger/dist/index'
 import { ledgerModuleV2 } from '@/services/onboard/ledger-module'
 import trezorModule from '@web3-onboard/trezor'
@@ -45,6 +46,7 @@ const WALLET_MODULES: Partial<{ [_key in WALLET_KEYS]: (chain: ChainInfo) => Wal
   [WALLET_KEYS.LEDGER]: () => ledgerModule(),
   [WALLET_KEYS.LEDGER_V2]: () => ledgerModuleV2(),
   [WALLET_KEYS.TREZOR]: () => trezorModule({ appUrl: TREZOR_APP_URL, email: TREZOR_EMAIL }) as WalletInit,
+  [WALLET_KEYS.KEYSTONE]: () => keystoneModule() as WalletInit,
   [WALLET_KEYS.PK]: (chain) => pkModule(chain.chainId, chain.rpcUri) as WalletInit,
 }