[FH-2] Wallet Connection Implementation

[FTCHD]

       

Description (1,000 PTS)

• The goal here is to add the wagmi & related AppKit packages, the wagmi connectors and the wagmi Provider to the repository and connect (pun intended) the relevant parts of the frametrain app to it.
• Needs to work with the metamask, injected, coinbaseWallet and walletConnect providers. See a list of all connectors here.
• Needs to work with tx type of actions in the FrameEditor, this is the main reason for implementing wallet connectivity inside frametrain. Right now clicking on tx button shows a message that this is not implemented and you should use the Warpcast debugger instead. After your implementation tx buttons should be working smoothly in the FrameEditor.
• You also have to think about the upcoming steps after a tx has been signed, a simple solution that also has good UX is to show a toast.success() saying the transaction has been sent. This is only a suggestion, the full handling should have a few more extra steps that you'll discover while implementing.
• The Connect Wallet <w3m-button /> should only be visible in the FrameEditor.
• All the interactions should feel as smooth and user friendly as using Rainbow wallet does.
• Only a full, thorough, succesful implementation will be accepted.
• You can modify other parts of the app in order to make improvements, however you must make sure it's really an improvement and not a change that just make your task easier (and that's all it does).
• For more information check out the AppKit docs and wagmi docs.