Wt 136 modal guidelines

[rebelchris]

Changes

Describe what this PR does

• Introducing the modal guidelines

Events

Did you introduce any new tracking events? Don't forget to update the Analytics Taxonomy sheet

Log the new/changed events below:

Type	event_name	value
Change/New	event name	extra: { ... }

Please make sure existing components are not breaking/affected by this PR

Manual Testing

On those affected packages:

• [ ] Have you done sanity checks in the webapp?
• [ ] Have you done sanity checks in the extension?
• [ ] Does this not break anything in companion?

Did you test the modified components media queries?

• [ ] MobileL (420px)
• [ ] Tablet (656px)
• [ ] Laptop (1020px)

Did you test on actual mobile devices?

• [ ] iOS (Chrome and Safari)
• [ ] Android

WT-136 #done