feature: listing metadata

[stephiescastle]

Checklist

• Include a description of your pull request and instructions for the reviewer to verify your work.
• Link to the issue if this PR is issue-specific.
• Create/update the corresponding story if this includes a UI component.
• Create/update documentation. If not included, tell us why.
• List the environments / browsers in which you tested your changes.
• Tests, linting, or other required checks are passing.
• PR has an informative and human-readable title
  • PR titles are used to generate the change log in releases; good ones make that easier to scan.
  • PRs will be broadly categorized in the change log, but for even easier scanning, consider prefixing with a component name or other useful categorization, e.g., "BaseButton: fix layout bug", or "Storybook: Update dependencies".
• PR has been tagged with a SemVer label and a general category label, or skip-changelog.
  • These tags are used to do the aforementioned broad categorization in the change log and determine what the next release's version number should be.
  • Release Drafter will attempt to do the category labeling for you! Please double-check its work.

Description

Addresses #191

• Renames BaseTag to BasePill and modifies it to automatically determine label and variant depending on content type
• Adds CalendarChip component (the square that overlays images) and modifies existing components to use it
• Adds MetadataEvent and MetadataEduResource components to render bits of metadata alongside icons
• Modifies all event-related components that show metadata to use MetadataEvent
• Modifies HeroListingPage to use the modified BasePill component
• Modifies BlockLinkCard to use the components above to render EDU cards as specified by the designs
• Modifies SearchResultsCard and SearchResultsGridItem to use EDU-specific cards
• Modifies DetailHeadline to match pill/label strategy in designs
• Adds story for SearchResultsList

Instructions to test

1. make vue-storybook
2. http://localhost:6006/?path=/story/components-cards-blocklinkcard--event-item&globals=theme:ThemeEdu
3. http://localhost:6006/?path=/story/components-cards-searchresultcards--edu-event-card&globals=theme:ThemeEdu
4. http://localhost:6006/?path=/story/components-cards-blocklinkcard--large-edu-explainer-article&globals=theme:ThemeEdu
5. http://localhost:6006/?path=/story/components-heroes-for-listing-pages--base-story&globals=theme:ThemeEdu

Tested in the following environments/browsers:

Operating System

• macOS
• iOS
• iPadOS
• Windows

Browser

• Chrome
• Firefox ESR
• Firefox
• Safari
• Edge

[jamesray]

👍🏻