Add "shareable" notices to workflow list & detail

[emma-sg]

Closes #2785

To be rebased after #2783 is merged, or merged into it

Changes

• Adds notices to workflow list and workflow detail when a workflow's latest crawl is publicly viewable
• Updates <btrix-badge> component to pass through class prop into internal element (allows for deeper customization)
• Fixes header ordering issue on smaller viewports on workflow detail page

Manual testing

1. Deploy Shareable workflows (API + frontend) #2783's branch
2. Create or update a workflow (either via the API or directly in mongo) with shareable set to true
3. View the workflow in the workflow list and workflow detail pages. Ensure that the "public" notice appears as expected

Screenshots

Page	Image/video
Workflow Detail
Workflow List
Workflow List (hovered)

[emma-sg]

@tw4l do you have a preference between merging this into the backend pr or keeping them separate?

[tw4l]

@tw4l do you have a preference between merging this into the backend pr or keeping them separate?

Fine by me either way!

[ikreymer]

We can merge it into one branch to make it easier to test