Update typography scale + swap out some header styles

[taramk]

As far as I can tell, when we did the Clockface 3 updates we never applied the new typography scale.

This is the type scale that was created with Clockface 3:

These are the font size values that are calculated using the scale above. This matches what we have been using in Figma since Clockface 3.0 was established.

At the same time we apply these sizing updates, we need to replace all Step 5 instances in the app with Step 4, and replace all Step 6 instances in the app with Step 5. This is because the new steps are a great deal larger than the old (current) version.