Implement Connect Wallet Modal

[legend4tech]

Wallet Connection Implementation (Complete)

Overview
This PR introduces comprehensive wallet connection functionality supporting both Ethereum and Starknet networks using:

• Ethereum: wagmi@2.14.15 + viem@2.23.15
• Starknet: @starknet-react/core (Argent X/Braavos)

Key Features
✅ Ethereum Support:

• MetaMask
• Coinbase Wallet
• WalletConnect (QR flow)
• Injected wallets (Binance, etc.)

✅ Starknet Support:

• Argent X
• Braavos
• Auto-connects to previously used wallet

✅ Enhanced Functionality:

• React Query integration for state management
• Multi-chain ready (Sepolia testnet configured)
• Voyager explorer integration for Starknet

Technical Implementation

• Combined providers pattern for clean React context hierarchy
• Fallback connector system (defaults to Argent/Braavos for Starknet)

Testing Notes

1. Set up your .env.local:

NEXT_PUBLIC_WALLETCONNECT_PROJECT_ID=your_project_id  

2. Tested networks:

• Ethereum Sepolia
• Starknet Sepolia

Resolved Issues

• Fixed Binance wallet detection conflict
• Completed Coinbase Wallet connector states
• Added proper error boundaries
• Configured WalletConnect metadata

Ready for Review
This implementation is production-ready with:

• Full TypeScript support
• Comprehensive error handling
• Responsive UI states
• Optimized re-renders

---

This description:

1. Clearly separates Ethereum/Starknet implementations
2. Highlights the key libraries used
3. Shows resolved issues instead of WIP items
4. Provides clear testing instructions
5. Maintains professional tone while being specific

Closes #15

[legend4tech]

@anonfedora pls u can now review

[anonfedora]

The job is failing because the npm ci command requires an existing package-lock.json file, which seems to be missing. Here are the steps to resolve this issue:

• Ensure package-lock.json exists: Make sure that the package-lock.json file is checked into your repository.
• This file should be generated by running npm install locally and then committing it to your repository.

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
budget-chain	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 21, 2025 9:15pm

[legend4tech]

@anonfedora thanks done u can merge now

[legend4tech]

@anonfedora conflict fixed pls merge