[User Profile] - Initial User Profile Form - Validation Fail State

[shindigira]

Closes #29

Changes

• [chore] added error and disabled color class in the tailwind config
• [chore] added the correct error icon
• [feat] Added additional notice regarding LEI to the User Profile form
• [feat] Added Step1FormErrorHeader component
• [feat] Include links in the Error Header that smooth scroll to the field.
• [chore] Utilized the figma's validation error messages meant for the user

Completed Screenshot (08/25/2023)

[natalia-fitzgerald]

@shindigira
Do you have access to the Figma file yet? Can we review which parts of the page are pulling in DSR components? I want to make sure to review those in this page context to be sure that they are functioning as expected. Almost everything (if not everything) on this page should be a reusable component.

• The error text should be black not red
• The well border should be gray (pull exact Gray from Figma file) (it looks black in your image)
• The space under the H1 should be 30px
• The blue link outline looks like it has a heavier dot at the beginning. Is this just an artifact of the screenshot?

[shindigira]

@natalia-fitzgerald Addressed all issues except the last one (regarding the link). See the latest screenshot in the starting post.

Also, will find the bandwidth to create the 3-part text introduction components in design-stories.

[natalia-fitzgerald]

@shindigira
The space between the paragraph text and the notification or the well should be 45px. It looks like maybe 30px in your screenshot? At some point will I be able to review this in code?

[shindigira]

@natalia-fitzgerald
Sure, we should find a time get the app working on your machine so you can see the frontend directly.