Display welcome notification when user connects external wallet

[emerick]

Resolves brave/brave-browser#29297

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
• Squashed any review feedback or "fixup" commits before merge, so that history is a record of what happened in the repo, not your PR
• 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 wiki
  • npm run lint, npm run presubmit wiki, 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

UI:

Standard notification:

Custom notification:

Test Plan:

• Clean profile
• Enable Rewards
• Connect a wallet and verify notification looks correct
• Clean profile
• Enable custom ads notifications via brave://flags
• Enable Rewards
• Connect a wallet and verify notification looks correct

[tmancey]

LGTM++

[tmancey]

Will this text fit in both system and custom push notifications?

[emerick]

It fits in the standard notification, but it doesn't quite fit in the custom notification. I was thinking that what I can do (just) for custom notifications is pull the "yay" emoji and first sentence into the title and keep everything else as the body.

I'm not sure why there's so much empty space above the title, though (unless that's just what the custom notification UI looks like on Windows?)

cc: @Miyayes

[emerick]

Empty space is expected for custom notifications, per Terry.