Feat: add UI support for GoodDollar message passing bridge

[sirpy]

Business Description

Currently there's no UI to interact with the main bridge
MPB docs and contracts:
https://docs.gooddollar.org/user-guides/bridge-gooddollars

To help understand the contract you are interacting with better there are three options:

1. read/write proxy tabs on the eg. celoscan
2. on the code tab on celoscan there is an option to open the contract in a web IDE
3. the bridge repository: https://github.com/GoodDollar/GoodBridge

Detailed Description of Functionality

• Based on the microbridge UI add a new widget that makes a user able to interact with the MPB
• Take care of bridge fee (ie indicate to user and send correct value in native token)
• User should be able to see status of TX based on layerzero/axelar api
• Link to layerzero/axelar explorer relevant tx

Technical Implementation

• Add react/typescript sdk to sdk-v2 package

  • All the logic of interacting with the smart contracts or any api's you need should be part of this SDK.
  • Reference the microbridge to help you understand the flow of SDK > design components in good-design

• Add UI components to the good-design package

  • the UI component should be nothing more then utilizing the SDK to build a easy-to-use widget for a user to interact with the bridge.
  • Utilize repeating components like modals for feedback/color/design system to make it easier to align with existing design.
  • We use native-base. the design system and recurrent colors/fonts etc can be found in theme.ts
  • the design expected should be production ready. As a practice, as reference try out the microbridge on gooddapp

• Microbridge stories

  • https://github.com/GoodDollar/GoodWeb3-Mono/tree/master/packages/good-design/src/stories/apps/bridge
  • https://github.com/GoodDollar/GoodWeb3-Mono/tree/master/packages/sdk-v2/src/stories/microbridge

Good to knows

1. When exploring the bridge transaction flow, consider that the G$ token integrates ERC677 (via transferAndCall). Reflecting on ERC677's mechanics might offer insights into the steps a user takes during transactions.

[BenraouaneSoufiane]

@sirpy Can I work on this?? when exactly the PR will reviewed?? if merged when the payment will released (from the merging date)

[sirpy]

@BenraouaneSoufiane yes you can work on this.
I'm not sure about the payment you'd have to ask Celo, but we'll try to make sure it is within a week or two.

[pbkompasz]

@sirpy Is this issue currently being worked on? If not, I'd be happy to take it up.

[BenraouaneSoufiane]

@pbkompasz almost done

[sirpy]

@pbkompasz This issue is available again

[pbkompasz]

@sirpy Can I get assigned?

[L03TJ3]

@pbkompasz done now!

Please make sure to read up on the recently updated contribution guidelines

also explained there is where to go for support in case of getting stuck etc!

[L03TJ3]

@pbkompasz Hey, sorry to not have followed up on this in a bit..

Is this issue still being worked on @pbkompasz ?