#213,#212: Pill and Page Header Components

[JamesTLopez]

Summary

Status pill and page header components implementations and storybook

Issues

• Status Pill Pan-Canadian-Genome-Library/Roadmap#212
• Page Header Pan-Canadian-Genome-Library/Roadmap#213

Description of Changes

UI

• Add Pill.tsx
  • Add storybook for pill
• Add HeaderText.tsx
  • Add storybook for HeaderText
• Update .css to include custom themes for the pill
• Update readme to include the new themes

Readiness Checklist

• Self Review
  • I have performed a self review of code
  • I have run the application locally and manually tested the feature
  • I have checked all updates to correct typos and misspellings
• Formatting
  • Code follows the project style guide
  • Autmated code formatters (ie. Prettier) have been run
• Local Testing
  • Successfully built all packages locally
  • Successfully ran all test suites, all unit and integration tests pass
• Updated Tests
  • Unit and integration tests have been added that describe the bug that was fixed or the features that were added
• Documentation
  • All new environment variables added to .env.schema file and documented in the README
  • All changes to server HTTP endpoints have open-api documentation
  • All new functions exported from their module have TSDoc comment documentation