Shake animation and storage functionality

[Destaq]

Summary

Implemented backend logic and animations for persistent note storage on course cards, tied to uniqueIDs, in addition to fixing some type issues and slimming down the code.

Remaining TODOs:

• UI fixes (see here and any corresponding feedback from Joana)
• styling fixes (e.g. pushing down cards, z-index, etc. — itemized in the Slack as well)

Test Plan

1. Click on the three dots next to a course card
2. Press Note
3. Type in a note and press enter
4. Recognize that a note has now been saved (visually with the mini-dropdown), and note that this is persistent — stays on refresh

Can also try clicking on notes to expand them, clicking outside to hide, clicking outside when the form input is dirty to view the shaking animation, clicking on the note menu item again when already open to also see that there is a shaking animation, etc.

[dti-github-bot]

[diff-counting] Significant lines: 175.

[github-actions]

Visit the preview URL for this PR (updated for commit 718dbd7):

https://cornelldti-courseplan-dev--pr966-shake-animation-and-l7lgqd5v.web.app

_{(expires Sat, 21 Dec 2024 02:26:26 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: 6d4e0437c4559ed895272bbd63991394f1e0e933}