feat: migrate to wagmi v1

[bigint]

What does this PR do?

🤖 Generated by Copilot at 4938573

This pull request updates the apps/web codebase to use the latest version of the wagmi library, which provides a new API for interacting with contracts and wallets. It also adds the viem dependency, which is a utility library for working with Ethereum. The pull request refactors and simplifies the usage of the useContractWrite hook and replaces the useSigner hook with the useWalletClient hook. These changes improve the code quality, readability, and security of the web app.

Related issues

Fixes #73

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Enhancement (non-breaking small changes to existing functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

Explanation of the changes

🤖 Generated by Copilot at 4938573

• Add viem dependency and update wagmi dependency in apps/web/package.json (link)
• Refactor wagmi imports and variables to use the new createConfig, usePublicClient, and useWalletClient API in various components (link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link, link)
• Remove mode option from useContractWrite hook calls as it is no longer needed (link, link, link, link, link, link, link, link, link, link, link, link, link, link)
• Replace recklesslySetUnpreparedArgs option with args in useContractWrite hook calls to match the new API (link, link, link, link, link, link, link, link, link, link, link, link, link, link)
• Replace recklesslySetUnpreparedRequest option with account, to, and data in useContractWrite hook call in apps/web/src/components/Settings/Allowance/Button.tsx (link)
• Remove unused Signer import from ethers in apps/web/src/components/Shared/Unfollow.tsx (link)
• Update WagmiConfig component to use config prop instead of client prop in apps/web/src/components/Common/Providers/index.tsx (link)

Emoji

📦🛠️🔐

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
prerender	✅ Ready (Inspect)	Visit Preview	May 9, 2023 1:33pm
ui	✅ Ready (Inspect)	Visit Preview	May 9, 2023 1:33pm
web	✅ Ready (Inspect)	Visit Preview	May 9, 2023 1:33pm

[socket-security]

New dependency changes detected. Learn more about Socket for GitHub ↗︎

---

👍 No new dependency issues detected in pull request

Bot Commands

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of package-name@version specifiers. e.g. @SocketSecurity ignore foo@1.0.0 bar@* or ignore all packages with @SocketSecurity ignore-all

Pull request alert summary

Issue	Status
Install scripts	✅ 0 issues
Native code	✅ 0 issues
Bin script shell injection	✅ 0 issues
Unresolved require	✅ 0 issues
Invalid package.json	✅ 0 issues
HTTP dependency	✅ 0 issues
Git dependency	✅ 0 issues
Potential typo squat	✅ 0 issues
Known Malware	✅ 0 issues
Telemetry	✅ 0 issues
Protestware/Troll package	✅ 0 issues

---

📊 Modified Dependency Overview:

🚮 Removed packages: wagmi@0.12.13