feat(toolbar): Implements logic to display badge icon

[ERosendo]

This pull request introduces several enhancements to the user interface:

• A new banner is added to the options page, complementing the existing banner on the login page.
• A badge is incorporated into the extension icon for improved visibility.

These changes provide greater flexibility and control for users:

• The close buttons on each banner operate independently, preventing accidental dismissals.
• The "Learn More" button offers a convenient way to remove both banners simultaneously.

Here are screenshots showing the banners:

Here's a gif showing how the "learn more" button works:

This GIF demonstrates how users can hide a banner without losing access to the other:

[mlissner]

LGTM, but one usability thought below.

I think we'll continue refining this behavior (is it annoying to have to dismiss the news in two places?), but it's probably fine to roll with for now.

[mlissner]

Everything looks good in this PR, but on my OS, the badge was a deep red color, which made it look like an error. I also wasn't quite able to figure out what the megaphone icon was without looking really closely.

So two thoughts:

1. Can we change the background color to something that looks less like an error? Maybe blue?

2. Can we use a more common emoji? I think the 🎁 one is pretty common and what Slack uses?

[ERosendo]

Can we change the background color to something that looks less like an error? Maybe blue?

We can customize the background color but I don't think we can tweak the style of the emoji. Here's an example:

Can we use a more common emoji?

I suggest using the bell emoji 🔔. I just noticed the megaphone emoji renders as a red megaphone in Gmail, but the bell emoji 🔔 works fine.

Let me know what you think

[mlissner]

Great. Let's to browsers!

[ERosendo]

👍 I'll update the emoji

[ERosendo]

@mlissner I've updated the emoji