Add qr code for mfa

templates/mfa.html

@@ -6,8 +6,9 @@
     <span class="signal-label">ACCOUNT SECURITY</span>
     {% if mode == 'setup' %}
     <h1>Bind your<br>authenticator.</h1>
-    <p>Add this secret to an authenticator app as a time-based one-time password account, then enter its current six-digit code.</p>
-    <code class="mfa-secret">{{ secret }}</code>
+    <p>Scan this code with an iPhone or Android authenticator app, then enter its current six-digit code.</p>
+    <img class="mfa-qr" src="{{ qr_code }}" alt="Scan this QR code with your authenticator app to add your Eternity Project account">
+    <details class="mfa-manual"><summary>Enter setup key manually</summary><code class="mfa-secret">{{ secret }}</code></details>
     {% else %}
     <h1>Confirm the<br>signal.</h1>
     <p>Open your authenticator application and enter the current code for {{ username }}.</p>