perf: metamask install tips

[miaosun009]

A simple UI experience optimization
Display installation reminders in the form of modal windows on browsers without Metamask plug-ins to ensure consistent visual style and avoid repeated reminders

before :

2023-02-02.22.56.50.mov

after:

2023-02-02.22.55.48.mov

[vercel]

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

Name	Status	Preview	Updated
godwoken-bridge-mainnet	✅ Ready (Inspect)	Visit Preview	Feb 2, 2023 at 4:59PM (UTC)
godwoken-bridge-testnet	✅ Ready (Inspect)	Visit Preview	Feb 2, 2023 at 4:59PM (UTC)

[codecov-commenter]

Codecov Report

❗ No coverage uploaded for pull request base (develop@3200b8d). Click here to learn what that means.
The diff coverage is n/a.

📣 This organization is not using Codecov’s GitHub App Integration. We recommend you install it so Codecov can continue to function properly for your repositories. Learn more

@@            Coverage Diff             @@
##             develop     #256   +/-   ##
==========================================
  Coverage           ?   65.26%           
==========================================
  Files              ?       39           
  Lines              ?     6161           
  Branches           ?      236           
==========================================
  Hits               ?     4021           
  Misses             ?     2137           
  Partials           ?        3           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3200b8d...8e0ab5b. Read the comment docs.

[ShookLyngs]

It's a cool fix to the UI/UX of the app, Thank you for your participation.
Although placing a modal component in a context component might not be a good idea, I don't really have a quick fix for the problem right not, so I think we can work that later.

cc @Flouse

[Flouse]

LGTM, thanks to @miaosun009

[Flouse]

I think we can work that later.

+1

[miaosun009]

It's a cool fix to the UI/UX of the app, Thank you for your participation. Although placing a modal component in a context component might not be a good idea, I don't really have a quick fix for the problem right not, so I think we can work that later.

cc @Flouse

I think a better course of action might be
Use the Modal.info method to display the reminder and specify a ClassName consistent with CostomModal