Upgrade some deps

package.json

@@ -6,8 +6,8 @@
   "dependencies": {
     "@hyperlane-xyz/sdk": "^0.5.3",
     "@metamask/jazzicon": "https://github.com/jmrossy/jazzicon#7a8df28974b4e81129bfbe3cab76308b889032a6",
-    "@rainbow-me/rainbowkit": "^0.4.5",
-    "@tanstack/react-query": "^4.6.0",
+    "@rainbow-me/rainbowkit": "^0.7.4",
+    "@tanstack/react-query": "^4.16.1",
     "buffer": "^6.0.3",
     "ethers": "^5.6.8",
     "formik": "^2.2.9",
@@ -16,16 +16,16 @@
     "react": "^18.2.0",
     "react-accessible-dropdown-menu-hook": "^3.2.0",
     "react-dom": "^18.2.0",
-    "react-toastify": "^9.0.8",
+    "react-toastify": "^9.1.1",
     "urql": "^3.0.3",
-    "wagmi": "^0.7.9",
+    "wagmi": "^0.8.4",
     "zustand": "^4.1.4"
   },
   "devDependencies": {
-    "@trivago/prettier-plugin-sort-imports": "^3.2.0",
-    "@types/node": "18.0.4",
-    "@types/react": "18.0.15",
-    "@types/react-dom": "18.0.6",
+    "@trivago/prettier-plugin-sort-imports": "^3.4.0",
+    "@types/node": "^18.11.9",
+    "@types/react": "^18.0.15",
+    "@types/react-dom": "^18.0.6",
     "@typescript-eslint/eslint-plugin": "^5.27.0",
     "@typescript-eslint/parser": "^5.27.0",
     "autoprefixer": "^10.4.12",
@@ -34,7 +34,7 @@
     "eslint-config-prettier": "^8.5.0",
     "postcss": "^8.4.18",
     "prettier": "^2.7.1",
-    "tailwindcss": "^3.1.8",
+    "tailwindcss": "^3.2.4",
     "ts-node": "^10.9.1",
     "typescript": "^4.8.4"
   },

src/components/icons/ChainIcon.tsx

@@ -40,11 +40,8 @@ const CHAIN_TO_ICON = {
 
   // Test chains
   [chain.goerli.id]: EthMainnet, // TODO
-  [chain.kovan.id]: EthMainnet, // TODO
   [chain.arbitrumGoerli.id]: Arbitrum,
-  [chain.arbitrumRinkeby.id]: Arbitrum,
   [chain.optimismGoerli.id]: Optimism,
-  [chain.optimismKovan.id]: Optimism,
   [chain.polygonMumbai.id]: Polygon,
   [fujiTestnetChain.id]: Avalanche,
   [bscTestnetChain.id]: Bsc,

src/components/nav/Footer.tsx

@@ -10,7 +10,7 @@ import Twitter from '../../images/logos/twitter.svg';
 
 export function Footer() {
   return (
-    <footer className="mt-2 px-4 py-6 sm:px-10 opacity-80">
+    <footer className="px-4 pt-5 pb-7 sm:px-10 opacity-80">
       <div className="flex flex-col sm:flex-row sm:justify-between items-center gap-6 sm:gap-0">
         <div className="flex items-center">
           <div className="flex scale-90 sm:scale-100">

src/consts/chains.ts

@@ -323,11 +323,8 @@ export const mainnetChains = [
 
 export const testnetChains = [
   chain.goerli,
-  chain.kovan,
   chain.arbitrumGoerli,
-  chain.arbitrumRinkeby,
   chain.optimismGoerli,
-  chain.optimismKovan,
   fujiTestnetChain,
   bscTestnetChain,
   alfajoresChain,