Apply design system heading classes to Homepage

[kristine-eudey]

Overview

We need to apply the new standardized heading classes to the Home 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 Home page Figma file (on the left inside a pink rectangle) to the Home page
• Make sure the headings still look good and correct (same as the Figma) both in mobile and desktop (there is no reference for the mobile version on Figma yet, but make sure it looks fine), and that nothing gets messed up due to these changes
• Make sure to adjust the heading h tags if needed 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

Home page Figma file (on the left inside a pink rectangle)
Home page
From Figma:

[Zhu-Joseph]

Progress - Began reading through code and standardized heading classes
Blockers - None so far
Availability - Random time here and there
ETA - End of next week if not earlier