Apply design system heading classes to Toolkit page

[kristine-eudey]

Overview

We need to apply the new standardized heading classes to the Toolkit 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 Toolkit page Figma file (in pink rectangle) to the Toolkit 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 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

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

[Carlos-A-P]

Availability for this week: 6hrs
My estimated ETA for completing this issue: 1 week