feat: APPS-2676

[pghorpade]

Connected to APPS-2676

Notes: Block traffic by user-agent:

Traffic for the past 30 days by URL and by User agent

• Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)

• Bandwidth: 3220.9 GB

• claudebot

• Bandwidth: 95.91 GB

Time Report:

This took me {x} hours to build this.

Checklist:

• [x] 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
• [x] 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[bot]]

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/library-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[bot]]

🚀 Deployed on https://deploy-preview-806--uclalibrary-test.netlify.app