Join the Queue UI Updates (In Progress)

[anchen9]

Summary

Implement Lucy's redesign for the Join the Queue section including adjusting padding and adding markings to denote required fields. Add Files and Error State handling still in progress.

• Adjusted text sizes
• Adjusted placeholder text
• Edited padding/spacing
• Added *Required to the top right and asteriks to every field
• Began the portion for adding files (adding the svg for the button and making the container

Test Plan

• inspect element to see if adjustments were made
• **future notes about testing error-handling

Notes

• working on implementing the error state & error handling
• add file feature for the future?

Breaking Changes

None

• I have updated the documentation accordingly.
• My PR adds a @ts-ignore

[dti-github-bot]

[diff-counting] Significant lines: 100.

[NIDHI2023]

Great work so far! One note - I don't think the file part is required, so it doesn't need the asterisk. Also once you're done working on this PR (ik it's still in progress), make sure you attach screenshots of the before vs. after and the figma designs for future reference

[EricWeng23]

Overall the code is good. An optimization I would make is probably factor out the asterisk into a reusable component like const Asterisk = () => <span className="required"> * </span>;. This way we don't have to repetitively nest span tags inside another jsx element.