feat: APPS-2955 remaining components

[farosFreed]

Connected to APPS-2955

Page/Pages Created/updated: /blog/[slug].vue from APPS-2955

Notes:

• Updated package to latest components
• Added cypress test for blog page
• Added sidebar to blog page
• Added Share Dropdown Button and new CardMeta dateCreated data
• Added a computed method to parse images from recentPosts data
• Slight edit to FTVAArticleDetail.gql to return 4 items instead of 3, as well as computed method to parse current article out of data
• Slight edit to categories logic to reduce # of lines (this is a matter of opinion and we can revert this if we want the longer -but possibly more readable- version)
• Tested and removed some junk data from carousel (also removed same junk data from /events/[slug].vue)
• Tweaked column widths to match this figma file https://www.figma.com/design/L8e1czKo8a8px368ayyPZ4/%5BFTVA%5D-Final-Design-with-Annotations?node-id=28-3222&node-type=canvas&t=LQoUm8iQxVU7xSqX-0
• Since many flexible blocks are not designed for small screens, we make the primary column 100% of the layout width when we get to 1200px
• Setup Recent Posts section with SectionTeaserCard & 'View All Series >' link
• Verified dates were showing in SectionTeaserCard after latest package update

Time Report:

6ish hours so far off and on

Checklist:

• I added github label for semantic versioning
• I double checked it looks like the designs
• I completed any required mobile breakpoint styling
• I completed any required hover state styling
• I included a working spec file
• I added notes above about how long it took to build this component
• UX has reviewed this PR
• I assigned this PR to someone to review

[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-43--test-ftva.netlify.app

[pghorpade]

👍