Modernize LG Modals

[anitadesigns]

Overview

The modals in the LG are visually unbalanced. Improve the visual design of the modals and add them to the Design system and Figma library.

Action Items

• [ ] Improve visual design
• [ ] Add new modals to design system
• [ ] replace modals in wireframes
• [ ] Hand over to Dev

Resources/Notes

Current wip is in Design System page on Figma

[github-actions[bot]]

Hey @anitadesigns! Thanks again for taking this issue.

Time for an update! Please comment the following update:
**Progress:** What's the status of the project? What have you done and what still needs to be done?
**Estimated Time to Completion (ETC):** When do you estimate to be finished?
**Blockers:** Anything preventing you from finishing?

Thanks again!

[github-actions[bot]]

Hey @anitadesigns! Thanks again for taking this issue.

Time for an update! Please comment the following update:
**Progress:** What's the status of the project? What have you done and what still needs to be done?
**Estimated Time to Completion (ETC):** When do you estimate to be finished?
**Blockers:** Anything preventing you from finishing?

Thanks again!

[sydneywalcoff]

Hey @anitadesigns! Thanks again for taking this issue.

Time for an update! Please comment the following update:
**Progress:** What's the status of the project? What have you done and what still needs to be done?
**Estimated Time to Completion (ETC):** When do you estimate to be finished?
**Blockers:** Anything preventing you from finishing?

Thanks again!

[anitadesigns]

I created a draft of what the new modals could look like in my playground on Figma, but holding off on exploring this as the team is discussing what to do with our affirmation cards