[Alerts] Update on Resolve Errors + Warnings pages

[ojbravo]

Update language and position of alerts on Resolve Errors and Warnings pages.

Mock-ups:

Resolve errors (syntax)

Resolve errors (logic)

Review warnings
This one replaces the existing field-level alert.

[ojbravo]

These are the actual screenshots:

Resolve errors (syntax):

Resolve errors (logic):

Review Warnings:

[natalia-fitzgerald]

@ojbravo
Can you double check that the text in these messages is styled as paragraph text (16px, Regular weight) and not H4? It looks correct in the first set of screenshots but in the second one it looks like it changed to H4?

[ojbravo]

@ojbravo Can you double check that the text in these messages is styled as paragraph text (16px, Regular weight) and not H4? It looks correct in the first set of screenshots but in the second one it looks like it changed to H4?

At present, the DSR component defaults to 'h4' and only allows h1 - h6. I've created a ticket in the DSR to allow for non-headings: cfpb/design-system-react#378