feat(wallet): Send Error Improvements with Tooltips

[Douglashdaniel]

Description

Send Error Improvements with Tooltips

1. Added a Tooltip to the send button that will only appear during 2 disabled states.

• Input amount is 0 tooltip will display Amount must be greater than 0
• Address is empty tooltip will display To address is required

2. Changed checksum warning message to This address cannot be verified. Proceed?.
3. Changed checksum error message to Address did not pass verification. Please try again, replacing lowercase letters with uppercase.
4. Both checksum warning and error messages now have a Learn more. button that will link to the same Support Page

Resolves brave/brave-browser#21053

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-02-17.at.9.38.07.AM.mov

[brave-builds]

A Storybook has been deployed to preview UI for the latest push

[brave-builds]

A Storybook has been deployed to preview UI for the latest push

[onyb]

Discussed the wording changes internally. Good to merge as-is. If the strings aren't getting too long, you can try these too:

Address did not pass verification (invalid checksum). Please try again, replacing lowercase letters with uppercase.

Address cannot be verified (missing checksum). Proceed?

[brave-builds]

A Storybook has been deployed to preview UI for the latest push