Add a verified logo in the tip banner

[mandar-brave]

For inline tipping, there is no way for a tipper who clicks on the logo to know if the receiver is verified (or not). And very few folks read the disclaimer.

Add the verified logo to the tip banner so add some visual symbol of verification -- the tip panel is working great if a user starts there.

Illustration:

[mandar-brave]

@NejcZdovc

[Brave-Matt]

@mandar-brave,
Is this method being chosen over the initial method proposed in #4649 ( no offense taken :) ) -- or maybe in tandem? I ask because this particular methodology seems "clunky" UX wise.

For example, a user scrolling through their Twitter feed wants to Tip another verified user. If the verified logo appears in the tip banner, without #4649 in place as well, the user is required to click the Tip and load the banner to learn whether or not the user they want to tip is verified.

[NejcZdovc]

@Brave-Matt problem with #4649 is that would mean that we would need to fetch data for every publisher that is displayed on the page and could mean some lagging while scrolling. This issue is first step that we will do (to have the same UI) and then we will investigate how we can do #4649 performance efficient

[mandar-brave]

@Brave-Matt #4659 is what we would prefer; but seems like a lot of heavy weight lifting - a compromise but allows for some symbolism of verification!

[LaurenWags]

Verified passed with

Brave	0.69.123 Chromium: 76.0.3809.132 (Official Build) beta (64-bit)
Revision	fd1acc410994a7a68ac25bc77513d443f3130860-refs/branch-heads/3809@{#1035}
OS	Mac OS X

• Verified test plan from Adds checkmark to the banner brave-core#3283
• Ensured that connected and verified publishers show the verified icon on the tip banner.
• Ensured that unverified publishers do not show the verified icon on the tip banner.
• Checked the following types of verified publishers: regular sites, YouTube, Twitter, Twitch, Reddit, Vimeo, Github.
• Ensured verified icon displays if publisher has custom banner images/text
• Ensured verified icon displays if publisher does not have custom banner.

Verified publisher tip banner on Staging:

Connected, not verified publisher tip banner on Staging:

Unverified publisher tip banner on Staging:

Verified publisher tip banner on Prod:

Connected, not verified publisher tip banner on Prod:

Unverified publisher tip banner on Prod:

Verification passed on

Brave	0.69.123 Chromium: 76.0.3809.132 (Official Build) beta (64-bit)
Revision	fd1acc410994a7a68ac25bc77513d443f3130860-refs/branch-heads/3809@{#1035}
OS	Ubuntu 18.04 LTS

• Verified test plan from Adds checkmark to the banner brave-core#3283
• Ensured that connected and verified publishers show the verified icon on the tip banner.
• Ensured that unverified publishers do not show the verified icon on the tip banner.
• Checked the following types of verified publishers: regular sites, YouTube, Twitter, Twitch, Reddit, Vimeo, Github.
• Ensured verified icon displays if publisher has custom banner images/text
• Ensured verified icon displays if publisher does not have custom banner.

Verified publisher tip banner on Staging:

Connected, not verified publisher tip banner on Staging:

Unverified publisher tip banner on Staging:

Verified publisher tip banner on Prod:

Connected, not verified publisher tip banner on Prod:

Unverified publisher tip banner on Prod:

Verification passed on

Brave	0.69.124 Chromium: 76.0.3809.132 (Official Build) (64-bit)
Revision	fd1acc410994a7a68ac25bc77513d443f3130860-refs/branch-heads/3809@{#1035}
OS	Windows 10 OS Version 1803 (Build 17134.523)

• Verified test plan from Adds checkmark to the banner brave-core#3283
• Ensured that connected and verified publishers show the verified icon on the tip banner.
• Ensured that unverified publishers do not show the verified icon on the tip banner.
• Checked the following types of verified publishers: regular sites, YouTube, Twitter, Twitch, Reddit, Vimeo, Github.
• Ensured verified icon displays if publisher has custom banner images/text
• Ensured verified icon displays if publisher does not have custom banner.

Verified publisher tip banner on Staging:

Connected, not verified publisher tip banner on Staging:

Unverified publisher tip banner on Staging:

Verified publisher tip banner on Prod:

Connected, not verified publisher tip banner on Prod:

Unverified publisher tip banner on Prod: