Feautre/azpi arte/info display modal

[azpi-arte]

Tracking Info

Resolves #22

CSS Checklist

• Do you have width, padding, margin with a high (> ~ 100px) or negative value? Do you need it? Can rem em % vw vh be used instead?
• Did you avoid hard coding positions? (position, top, left, rules) Can display:flex; and justify and align uses be used instead?

Changes

Added Directory Display Info Modal
Created a supplementary file for contants in Directory Display Info Modal.

Added exit on 'escape' logic
Made profile picture component take string as optional, it is now self contained and can grab the first name from the backend

• TODO
• make sure license number adheres to format...I don't know whether there was a specific format in Figma.

Testing

I submitted to the backend using "save" button. I refreshed the page and checked if the form was populated with the correct info

I also changed some of the info, merely closed instead of saving. matched expected behavior.

Tried different country codes and submitted

• TODO

Confirmation of Change

TODO

[benjaminJohnson2204]

good work hermano 💪