Apply design system heading classes to Events page

[kristine-eudey]

Overview

We need to apply the new standardized heading classes to the Events page headings (for accessibility/to remove the styling reliance on h tags), so that that the page can now follow the design system plan and be more accessible.

Action Items

• Apply the heading classes noted in the Events page Figma file (in pink rectangle) to the Events page
• Make sure the headings still look good and correct (same as the Figma) both in mobile and desktop, and that nothing gets messed up due to these changes
• Make sure to adjust the heading h tags now so that they reflect the correct hierarchy of the page for screen readers (since the styling no longer relies on the h tags)

Resources/Instructions

Events page Figma file (in pink rectangle)
Events page
From Figma:

[lindseyindev]

Availability: 5 hours
ETA: midnight 12/29