UI tweaks to the new episode badges

[david-gonzalez-a8c]

Description

The new grid looks great!

There are a couple tweaks I'd love to make on the new badges:

• The border color on the badge doesn't match the background. I think it would looks better if it matches. Can we use the same variable as the background? (I assume is $ui-primary-01)
• The size of the "only latest episode" badge seems a bit small compared to the specs. We had it at 10px there, but I think we can bump it up to 12px. Let's also please double check the size of the border, which looks a bit thinner too (we have it at 3px in the specs).
• Not sure if this is related to the changes and I haven't been able to reproduce it, but there was an occasion where after changing the badge to "only latest episode" it showed a badge with a "1" in the style of the "Unfinished episodes" badges, instead of just a circle without a number.

Step-by-step reproduction instructions

1. Go to Podcasts
2. Tap on the ellipsis menu
3. Tap on "Badges"
4. Select "Unfinished episodes" or "Only latest episode"

Screenshots or screen recording

Did you search for existing bug reports?

• I have searched for existing bug reports.

Device, Operating system, and Pocket Casts app version

iPhone 12 Pro, version 7.63.0.1