feat(plugin): add support for zora in collectible

[brymut]

Description

Adding support for Zora in Collectible plugin so can get information about NFTs on Zora.

Closes #4299

Type of change

• New feature (non-breaking change which adds functionality)

Previews

Checklist

• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.
  • I have removed all in development console.logs
  • I have removed all commented code.
• I have commented on my code, particularly in hard-to-understand areas.
• I have read Internationalization Guide and moved text fields to the i18n JSON file.

If this PR depends on external APIs:

• I have configured those APIs with CORS headers to let extension requests get passed.
  • chrome extension: chrome-extension://[id]
  • firefox extension: moz-extension://[id]
• I have delegated all web requests to the background service via the internal RPC bridge.

[brymut]

Hi, may I get some help about the build error:

Note that in CI environments this setting is true by default. If you still need to run install in such cases, use "pnpm install --no-frozen-lockfile"```

[brymut]

@Jack-Works could you please have a look at this?

[brymut]

@guanbinrui could you please re-approve, had to fix conflict with new dev branch changes

[brymut]

Hi @guanbinrui is this ready to merge?

[guanbinrui]

@DimensionDev/qa

[orange187]

@brymut When Collectibles switches to Zora, no data can be obtained and an error message is displayed （Failed to load your collectible on Zora.）

[brymut]

@brymut When Collectibles switches to Zora, no data can be obtained and an error message is displayed （Failed to load your collectible on Zora.）

Could you please provide example link? @orange187

[brymut]

For example, https://twitter.com/damedoteth/status/1487966752579403776 this tweet works @orange187

Screen.Recording.2022-03-17.at.1.27.53.PM.mov

[orange187]

@brymut https://twitter.com/AkinoMush1/status/149975710155121869

2022-03-18.10.50.45.mov

[brymut]

@brymut https://twitter.com/AkinoMush1/status/149975710155121869

2022-03-18.10.50.45.mov

@orange187 that tweet has been deleted, is there another one?

[orange187]

@brymut Using the test connection you provided, the image does not load properly either

2022-03-18.10.58.16.mov

[orange187]

@brymut https://twitter.com/AkinoMush1/status/1499757101551218691

[brymut]

@brymut https://twitter.com/AkinoMush1/status/1499757101551218691

This is an opensea link, not Zora

[brymut]

@brymut Using the test connection you provided, the image does not load properly either

2022-03-18.10.58.16.mov

Error in logs of your screen recording not coming from Collectible plug-in and I can't recreate the same error.

[orange187]

@brymut But the pictures on my side can't load normally https://twitter.com/AkinoMush1/status/1504659688717447168

[brymut]

@brymut But the pictures on my side can't load normally https://twitter.com/AkinoMush1/status/1504659688717447168

Works for me

Screen.Recording.2022-03-18.at.6.38.07.AM.mov

Also, I've noticed that the logo on the selector is not rendered properly in your screenshots, that was an old error I had that I have already fixed, please check that you are building up to date pr-branch, that might be the problem @orange187

[orange187]

Ok, let me see

[brymut]

Hi @AinuX could you please have a look too

[orange187]

@brymut Switch to Zora, the bottom is not shown make an offer

[brymut]

@brymut Switch to Zora, the bottom is not shown make an offer

Make offer functionality only available on Opensea, Zora's api doesn't not have endpoint. Just like how Rarible doesn't have either. @orange187

[orange187]

@brymut Switch to Zora, the bottom is not shown make an offer

Make offer functionality only available on Opensea, Zora's api doesn't not have endpoint. Just like how Rarible doesn't have either. @orange187

Oh, sorry to see the requirement just now. Yes, so far only NFT display and jump like are correct

[orange187]

Checked