feat: APPS 3079 Calendar Component EventCard Popup

[tinuola]

Connected to APPS-3049, APPS-3079

Component Updated:

• BaseCalendar.vue
• CardMeta.vue

Stories: ~/stories/BaseCalendar.stories.js

Notes:

• Implemented calendar event item dialog/popup
• Added slot option to allow for future use with alternate inner components
• Updated styling
• Updated stories
• Slight modification to CardMeta to conditionally remove empty slot that was adding excess space

Deploy previews:

• Event calendar:
  • https://deploy-preview-661--ucla-library-storybook.netlify.app/?path=/story/base-calendar--default-ftva-event
• Set starting month:
  • https://deploy-preview-661--ucla-library-storybook.netlify.app/?path=/story/base-calendar--set-start-month
• Multiple same-day events:
  • https://deploy-preview-661--ucla-library-storybook.netlify.app/?path=/story/base-calendar--same-day-events

Local Nuxt screenshot:

Checklist:

• I checked that it is working locally in the dev server
• 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 have requested a PR review from the Dev team
• I used a conventional commit message
• I assigned myself to this PR

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

🚀 Deployed on https://deploy-preview-661--ucla-library-storybook.netlify.app

[farosFreed]

Really amazing work on this component. It's beautiful!

I have made a few comments to help with the implementation of the isHighlighted blockTags, which will hopefully eliminate the need for https://uclalibrary.atlassian.net/jira/software/c/projects/APPS/boards/12?issueParent=188411%2C190145%2C195701%2C195704&selectedIssue=APPS-3087

I am still working on the issue with the fixed height and the arrows, I will add more comments on that in a little bit

[farosFreed]

Amazing work on this!

[pghorpade]

🎉 This PR is included in version 3.40.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀