popravito: Develop responsive HTML emails

[schlos]

Is your feature request related to a problem? Please describe.

Describe the solution you'd like

Develop responsive HTML emails as per provided designs:

1. Confirm email: https://www.figma.com/proto/OrvZfg5BsfdOzeL7nhRpEI/Popravi.to?node-id=2583%3A11461&scaling=min-zoom&page-id=2583%3A9884&hide-ui=1
2. New reports (with thumbnails): https://www.figma.com/proto/OrvZfg5BsfdOzeL7nhRpEI/Popravi.to?node-id=2583%3A11837&scaling=min-zoom&page-id=2583%3A9884&hide-ui=1
3. New reports (no thumbnail): https://www.figma.com/proto/OrvZfg5BsfdOzeL7nhRpEI/Popravi.to?node-id=2583%3A11531&scaling=min-zoom&page-id=2583%3A9884&hide-ui=1
4. Confirm update: https://www.figma.com/proto/OrvZfg5BsfdOzeL7nhRpEI/Popravi.to?node-id=2583%3A11614&scaling=min-zoom&page-id=2583%3A9884&hide-ui=1
5. Report is recorded: https://www.figma.com/proto/OrvZfg5BsfdOzeL7nhRpEI/Popravi.to?node-id=2583%3A11962&scaling=min-zoom&page-id=2583%3A9884&hide-ui=1
6. Questionnaire: https://www.figma.com/proto/OrvZfg5BsfdOzeL7nhRpEI/Popravi.to?node-id=2583%3A12081&scaling=min-zoom&page-id=2583%3A9884&hide-ui=1
7. Report to authority: https://www.figma.com/proto/OrvZfg5BsfdOzeL7nhRpEI/Popravi.to?node-id=2593%3A9948&scaling=min-zoom&page-id=2583%3A9884&hide-ui=1

Describe alternatives you've considered

Additional context

Email designs: #28

[schlos]

Emails developed by a freelancer: https://drive.google.com/drive/folders/1H_FIWGSHwiBqoTGI-xBCQQQpg9wTajKj (restricted access - internal only)

To-do:

• integrate into FixMyStreet 'popravito' cobrand
• add alt and base64 logo (https://docs.google.com/document/d/1CK_5JGQFDkjQmhH5B_TP_roMraMZ4quDaMtp18ko6uk/edit?usp=sharing (restricted access - internal only))

Example image with base64 (clipped for readability) and the 'alt' attribute: <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAABzCAMAAA......" alt="SomeImage" />

[schlos]

Zavrseno.