[FH #2] Wallet Connection Implementation

[vinhyenvodoi98]

What

Implement wallet connect

Demo

frametrain-smoky.vercel.app

Snap shoot

https://www.youtube.com/watch?v=bb83mzUyIFI

ENV

To use walletconnect you have to add

# Get projectId from https://cloud.reown.com
NEXT_PUBLIC_PROJECT_ID=

Issue

https://github.com/FTCHD/frametrain/issues/164

Summary by CodeRabbit

Summary by CodeRabbit

• New Features

  • Introduced a new context provider for managing blockchain interactions.
  • Added transaction handling and user account management to the FramePreviewButton component.
  • Added a new environment variable for project ID in the .env.example file.

• Bug Fixes

  • Enhanced error handling for missing transaction data.

• Documentation

  • Updated the .env.example file to include a new project ID variable.

• Chores

  • Updated package dependencies, including the addition of new libraries for enhanced functionality.

• Refactor

  • Wrapped child components with the new ContextProvider in the Layout component.
  • Modified Webpack configuration to address module resolution issues.