Add 2FA icons to settings pages

templates/login/webauthn_input.html

@@ -4,7 +4,7 @@
 <p style="color:red" id="err_target"></p>
 
 <div>
-    <p>Please insert now on of your registered security key, and accept authentication request.</p>
+    <p>Please insert now one of your registered security key, and accept authentication request.</p>
 </div>
 
 <div style="margin: 10px 0px;">

templates/settings/edit_user.html

@@ -80,7 +80,8 @@
                 <input type="checkbox" class="form-check-input two-fact-checkbox"
                        value="{{ f.id.0 }}"
                        checked=""/>
-                {{ f.name }} ({{ f.type_str() }})
+                {{ f.name }} (<img src="{{ f.type_image() }}" alt="Factor icon" style="height:1em;" />
+                {{ f.type_str() }})
             </label>
         </div>
         {% endfor %}

templates/settings/two_factors_page.html

@@ -26,7 +26,7 @@
     <tbody>
     {% for f in user.two_factor %}
     <tr id="factor-{{ f.id.0 }}">
-        <td>{{ f.type_str() }}</td>
+        <td><img src="{{ f.type_image() }}" alt="Factor icon" style="height: 1.5em; margin-right: 0.5em;" />{{ f.type_str() }}</td>
         <td>{{ f.name }}</td>
         <td><a href="javascript:delete_factor('{{ f.id.0 }}');">Delete</a></td>
     </tr>