fix(firefox): broken icon && app board ui

[zhouhanseng]

Description

https://mask.atlassian.net/browse/MF-804
https://mask.atlassian.net/browse/MF-1448
https://mask.atlassian.net/browse/MF-1541

Closes # (NO_ISSUE)

Type of change

• Documentation
• Code refactoring (Restructuring existing code w/o changing its observable behavior)
• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (a fix or feature that would make something no longer possible to do/require old user must upgrade their Mask Network to this new version)

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.

[github-actions]

🚀 Deployed on https://62d7e21b33e74f0932f3e300--compassionate-northcutt-326a3a.netlify.app