Web3modal update

[youngancient]

Proposed changes

• Updated klaytn to kairos in verify-deployment docs
• Updated web3modal to appkit
• Updated walletconnect to reown
• Fixed broken banner image

Types of changes

Please put an x in the boxes related to your change.

• Minor Issues and Typos
• Major Content Contribution
• Others

Checklist

Put an x in the boxes that apply. You can also fill these out after creating the PR. If you're unsure about any of them, don't hesitate to reach out. We're here to help! This is simply a reminder of what we are going to look for before merging your code.

• I have read the CONTRIBUTING GUIDELINES
• I have read the CLA and signed by comment I have read the CLA Document and I hereby sign the CLA in first time contribute
• I have added necessary documentation (if appropriate)
• Any dependent changes have been merged and published in downstream modules

Related issues

• Change web3modal to Appkit and Walletconnect to Reown #188

Further comments

[youngancient]

I have read the CLA Document and I hereby sign the CLA

[kjeom]

@youngancient Thanks for your contribution.
Did you test it with explorer?

[youngancient]

Yes, I did. My first step was to deploy a contract on kaia testnet (kairos) and then verify.
My hardhat config at first looked like this:

import { HardhatUserConfig } from "hardhat/config";
import "@nomicfoundation/hardhat-toolbox";

require('dotenv').config();

const config: HardhatUserConfig = {
  solidity: "0.8.20",
  networks: {
    // for testnet
    kairos: {
      url: process.env.VITE_KAIA_TESTNET_RPC_URL!,
      accounts: [process.env.PRIVATE_KEY!],
      // gasPrice: 100000000000,
    },
  },
  etherscan: {
    apiKey: {
      klaytn: "unnecessary",
    },
    customChains: [
      {
        network: "kairos",
        chainId: 1001,
        urls: {
          apiURL: "https://api-baobab.klaytnscope.com/api",
          browserURL: "https://kairos.kaiascope.com",
        },
      },
    ],
  },
};

export default config;

In the network object, the network name is "kairos" but in the etherscan apiKey obj, "klaytn" was there, so I had the bug which was fixed by changing klaytn to kairos.

The verified contract