feat: Apps-2996 add collection route and gql

[farosFreed]

Connected to APPS-2996

Page/Pages Created/updated: /collections/index.vue, /collections/[slug].vue from #APPS-2996

Notes:

This PR adds:

collections/index.vue

• GQL query to feed data to page
• An index.vue page with the same layout / styles as the previous listing pages.
• Since we were duplicating the styles each time for these listing pages, I have also moved the styles into a listing-page style file and imported it into all listing pages instead. This should be easier to improve and maintain.

collections/[slug].vue

• GQL query to feed data to page
• Existing components hooked up to data

Cypress tests were not mentioned on this ticket so I have left them to the next ticket. Let me know if I missed these.

Time Report:

This took me 12ish hours so far, including time spent in craft CMS and reviewing the page request

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