Add Inky-based, WIDM-styled email templates (#212)

Adds twig/inky-extra and twig/cssinliner-extra to build the password
reset and email confirmation emails from a shared responsive layout,
styled after the quiz's green/black look, with Dutch copy in the
show's dramatic tone.

templates/reset_password/email.html.twig

@@ -1,9 +1,27 @@
-<h1>Hi!</h1>
+{% extends 'emails/layout.html.twig' %}
 
-<p>To reset your password, please visit the following link</p>
+{% block preheader %}Je hebt om een nieuw wachtwoord gevraagd voor Tijd voor de test.{% endblock %}
 
-<a href="{{ url('tvdt_reset_password', {token: resetToken.token}) }}">{{ url('tvdt_reset_password', {token: resetToken.token}) }}</a>
+{% block heading %}Tijd voor een nieuw wachtwoord{% endblock %}
 
-<p>This link will expire in {{ resetToken.expirationMessageKey|trans(resetToken.expirationMessageData, 'ResetPasswordBundle') }}.</p>
+{% block body %}
+    <p class="text">Beste speler,</p>
+    <p class="text">
+        Je hebt aangegeven dat je wachtwoord opnieuw moet worden ingesteld. Voordat je verder mag, is er nog één
+        opdracht: klik op de knop hieronder.
+    </p>
 
-<p>Cheers!</p>
+    <center><button href="{{ url('tvdt_reset_password', {token: resetToken.token}) }}">Stel wachtwoord opnieuw in</button></center>
+
+    <p class="text">
+        Werkt de knop niet? Kopieer dan deze link naar je browser:<br>
+        <a href="{{ url('tvdt_reset_password', {token: resetToken.token}) }}">{{ url('tvdt_reset_password', {token: resetToken.token}) }}</a>
+    </p>
+
+    <p class="text">
+        Let op: deze link is, niet eeuwig geldig. Hij verloopt over
+        {{ resetToken.expirationMessageKey|trans(resetToken.expirationMessageData, 'ResetPasswordBundle') }}.
+    </p>
+
+    <p class="text">Veel succes!</p>
+{% endblock %}