feat(app): add HeadlineTagBtn component

[mjhuff]

Closes EXEC-1247

Overview

Adds the new HeadlineTagBtn from Figma designs for app usage. Note that the container in Figma is actually not a part of the component, see here.

Test Plan and Hands on Testing

• See Storybook, available at https://s3-us-west-2.amazonaws.com/opentrons-components/components_add-table-components/index.html?path=/story/library-molecules-headlinetagbtn--headline-tag-btn--docs once CI has sufficiently completed.

Changelog

• Added new HeadlineTagBtn component.

Risk assessment

low

[mjhuff]

This breakpoint comes from this file.

[koji]

lgtm

one thing I don't understand is ↓

when ran make -C components dev, head line tab button showed up, but s3 with this branch doesn't show the component 🤔

[mjhuff]

when ran make -C components dev, head line tab button showed up, but s3 with this branch doesn't show the component

I don't understand this entirely either. I think something in the AWS storybook instance requires that the instance be tore down and restarted completely in order for it to render correctly, probably due to some file path changes or something. I've had this happen a few times when I developed locally 🤷

Thank you for reviewing!

[codecov]

Codecov Report

Attention: Patch coverage is 0% with 46 lines in your changes missing coverage. Please review.

Project coverage is 25.68%. Comparing base (50c487c) to head (d3d50ae).
Report is 3 commits behind head on edge.

Files with missing lines	Patch %	Lines
app/src/molecules/HeadlineTagBtn/index.tsx	0.00%	46 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             edge   #17612      +/-   ##
==========================================
- Coverage   25.71%   25.68%   -0.03%     
==========================================
  Files        2843     2848       +5     
  Lines      218924   219149     +225     
  Branches    17949    17949              
==========================================
  Hits        56299    56299              
- Misses     162610   162835     +225     
  Partials       15       15              

Flag	Coverage Δ
app	3.41% <0.00%> (-0.01%)	⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines	Coverage Δ
app/src/molecules/HeadlineTagBtn/index.tsx	0.00% <0.00%> (ø)

... and 4 files with indirect coverage changes