Show a rewards notification when Uphold wallet linking limit is reached

[zenparsing]

Resolves brave/brave-browser#15028

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

Test Plan:

Scenario

• Given that a user has reached their Uphold linking limit
• When they connect their Uphold wallet to rewards
• Then a notification will be displayed in the rewards panel informing them that they've reached their device linking limit.
• And an entry will be recorded in the rewards database event log table.

Test Steps

• Start the browser with a clean profile
• Navigate to brave://rewards and click Verify Wallet
• In the popup, click Login
• Log in to Uphold with an account that has reached its device linking limit
• Verify that a notification is displayed in the reward panel
• Navigate to brave://rewards-internals and select the Event Log tab
• Verify that a device_limit_reached entry appears in the event log

[emerick]

LGTM

[zenparsing]

@Miyayes Is the notification shown in the screenshot above acceptable? It reuses the same messaging and look that we are using for the bF implementation.

[Miyayes]

@Miyayes Is the notification shown in the screenshot above acceptable? It reuses the same messaging and look that we are using for the bF implementation.

Are we able to add the "Learn more" link? Edit: Already exists in the form of the "Learn More" button in this case!

It deviates a bit from the recent design spec here, but I know it would take additional dev time to meet that design spec, and functionality is more important than form for this message at this time. We can update the styling as part of the other UI/UX refresh work :).