This diff introduces a new unread badge component. Our previous unread badge component was built inline; however, since the unread badge will be used in several places in the new web app redesign I wanted to create a simple component that we can use anywhere.
Here's a screenshot showing the unread badge component in the figma:
{F982685}
{F982684}
{F982683}
{F982682}
Linear task: https://linear.app/comm/issue/ENG-5951/introduce-a-new-unread-badge
Depends on D10364