chore: refactor theme pattern to rescope styles, add deep() where needed

[farosFreed]

Connected to APPS-2867

Notes:

When we implemented the theme pattern we introduced an anti-pattern that removed scoping (plus we are reloading the theme a lot which bloats the project). This has led to problems with styling, especially for the card-meta component which is reused as a child component in 4 other components (BlockCardWithImage, BlockClippedDate, BlockFloatingHighlight, SectionTeaserCard), in addition to being used directly on the page.

This PR:

• imports ONLY the components theme files, so that styles are once again scoped.
• adds default theme files for a few components which didnt have them
• restores styles in SectionTeaserCard & BlockCardWithImage for ftva that were getting overwritten

Checklist:

• [X] I checked that it is working locally in the dev server
• [X] I checked that it is working locally in the storybook
• [ ] I checked that it is working locally in the library-website-nuxt dev server
• [ ] I added a screenshot of it working
• [ ] UX has reviewed and approved this
• [ ] I assigned this PR to someone on the dev team to review
• [X] I used a conventional commit message
• [X] I assigned myself to this PR

[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/ucla-library-website-components/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-588--ucla-library-storybook.netlify.app

[pghorpade]

:tada: This issue has been resolved in version 3.8.1 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: