feat: APPS-2948 Add article/blog route and query and fragments

[jendiamond]

Connected to APPS-2948

1. https://deploy-preview-41--test-ftva.netlify.app/blog/
2. https://deploy-preview-41--test-ftva.netlify.app/blog/test-coronae-borealis-nova

• Updates the error.vue page because the error was impossible to read because it overflowed off of the page.
• Updates the component library to version "3.22.0"

Page/Pages Created/updated:

• blog/[slug].vue
• blog/index.vue
• gql/fragments/BlockContactInfoFragment.gql
• gql/fragments/BlockHorizontalDividerFragment.gql
• gql/fragments/BlockTextColumnsFragment.gql
• gql/fragments/collections/AllFtvaFpb.gql

Notes:

• Much of the page is functional.
• I have the multiple categories for CardMeta working.
• The Flexible Page Blocks that exist are functional on the page.
• All components are on the page
  • NavBreadCrumb is used for BreadCrumb.
  • ResponsiveImage or FlexibleMediaGalleryNewLightbox is used for (Single Image or + ImageCarousel) with credit text.
  • CardMeta and RichText is used for displaying Metadata of the Blog.
  • DividerWayFinder
  • FlexibleBlocks
  • SectionTeaserCard

[github-actions]

Percy Screenshots

In order to conserve our percy screenshot allowance, percy is not configured to run automatically. Please make sure the PR is ready and all other checks are passing, then start it manually: 1. Visit https://github.com/UCLALibrary/ftva-website-nuxt/actions/workflows/percy.yml 2. Click the 'Run workflow' button in the blue bar. 3. Select the correct branch for this PR and click 'Run workflow' again to confirm.

[github-actions]

🚀 Deployed on https://deploy-preview-41--test-ftva.netlify.app

[pghorpade]

👍