QMI Wrapped Intro Animation

[NIDHI2023]

Summary

Created a temporary button on top navbar to show a modal with the QMI Wrapped intro animation.

• imported 3 new media files (arrow.svg, plus.svg, plus2.svg)
• created a new folder in /styles for qmi wrapped
• added comments explaining how animations work

Screen.Recording.2024-09-22.at.5.05.14.PM.mov

Test Plan

• check if modal popup and animation looks good/consistent for different device screens

Notes

• need to make folder and style changes consistent with Richard's setup for wrapped frontend so it's easier to build from this modal
• could probably get rid of 2nd plus and just go into a consistent blue background, from there apply a gradient according to the Figma designs

Breaking Changes

None

• My changes requires a change to the documentation.
  • I added an extra style folder, so that would need to be updated. Depending on adjustment to Richard's PR setup, would not be needed

Checklist

• I have updated the documentation accordingly.
• My PR adds a @ts-ignore

[dti-github-bot]

[diff-counting] Significant lines: 336.