feat(wallet): Accounts Page Multi Chain UI Support

[Douglashdaniel]

Description

Updated the Accounts page UI to support multiple chains Ethereum, Solana and Filecoin

1. Renamed Primary Accounts too Primary crypto accounts and added a description.
2. Renamed Secondary Accounts to Imported accounts
3. Primary crypto accounts section now has a Create account button
4. Imported accounts section now has Import and Import from hardware wallet buttons
5. Removed the tab navigation from the AddAccount modal to separate Create, Import and Hardware to be their own modal.
6. Added an additional step to select a network Ethereum, Solana or Filecoin before Creating, Importing or Connecting a hardware wallet.

note:(Solana and Filecoin are disabled in the UI until we have support, but the demo video will give an example of the new UI.)

Resolves brave/brave-browser#20333

Submitter Checklist:

• I confirm that no security/privacy review is needed, or that I have requested one
• There is a ticket for my issue
• Used Github auto-closing keywords in the PR description above
• Wrote a good PR/commit description
• Added appropriate labels (QA/Yes or QA/No; release-notes/include or release-notes/exclude; OS/...) to the associated issue
• Checked the PR locally: npm run test -- brave_browser_tests, npm run test -- brave_unit_tests, npm run lint, npm run gn_check, npm run tslint
• Ran git rebase master (if needed)

Reviewer Checklist:

• A security review is not needed, or a link to one is included in the PR description
• New files have MPL-2.0 license header
• Adequate test coverage exists to prevent regressions
• Major classes, functions and non-trivial code blocks are well-commented
• Changes in component dependencies are properly reflected in gn
• Code follows the style guide
• Test plan is specified in PR before merging

After-merge Checklist:

• The associated issue milestone is set to the smallest version that the
  changes has landed on
• All relevant documentation has been updated, for instance:
  • https://github.com/brave/brave-browser/wiki/Deviations-from-Chromium-(features-we-disable-or-remove)
  • https://github.com/brave/brave-browser/wiki/Proxy-redirected-URLs
  • https://github.com/brave/brave-browser/wiki/Fingerprinting-Protections
  • https://github.com/brave/brave-browser/wiki/Brave%E2%80%99s-Use-of-Referral-Codes
  • https://github.com/brave/brave-browser/wiki/Custom-Headers
  • https://github.com/brave/brave-browser/wiki/Web-Compatibility-Exceptions-in-Brave
  • https://github.com/brave/brave-browser/wiki/QA-Guide
  • https://github.com/brave/brave-browser/wiki/P3A

Screen.Recording.2022-01-07.at.4.29.10.PM.mov

[onyb]

We need a currency selection modal for import using hardware wallet as well. The Filecoin keyring only works with a Ledger.

[onyb]

Looks great!

ℹ️ We noted during a private huddle that the currency list for primary crypto accounts may not be the same for hardware wallet accounts (as is the case with Filecoin keyring). Let's tackle this in a separate PR.