Add "Definitions of ZAP Updates" page to ZAP Search

[TylerMatteo]

Add new "Definition of ZAP Updates" page to ZAP Search.

Acceptance Criteria:

• New page should match designs in Figma
• New page should be at route /statuses
• Link in "To sign up for ZAP updates, please visit here" should link to /subscribe (not implemented)
• Page should only be reachable if SHOW_ALERTS feature flag is true.

Out of scope

• Adding "Email Notifications" button to banner at top of the site

@TylerMatteo to follow up with @jessicashanshanhuang about mobile designs

[TylerMatteo]

@dhochbaum-dcp That link should link to /subscribe, as in the full URL in prod would be zap.planning.nyc.gov/subscribe.

[dhochbaum-dcp]

Hi @jessicashanshanhuang, can you please take a look at https://deploy-preview-1537--labs-zap.netlify.app/statuses and let me know if the design is ok?

(The "subscribe" link is in the code, but since the page does not yet exist, the word linking it is not displaying)

[jessicashanshanhuang]

Hey @dhochbaum-dcp, looks great overall! I just have some minor suggestions with the spacing:

The spacing between the header and the "Definition of Zap Updates" should be increased, about 4rem.

[jessicashanshanhuang]

Similarly, the gaps between each subsection should also be around 4rem to help distinguish the informational hierarchy.

[jessicashanshanhuang]

For this text:

Could we change the font size to 21px and have it bolded?

[dhochbaum-dcp]

@jessicashanshanhuang I've made those updates, please re-check and let me know if you approve.

[jessicashanshanhuang]

@dhochbaum-dcp Looks good to go 🫡