Additional tweaks for bootstrap5 support

btn-default -> btn-secondary
use mb-3 to add margin to bottom of input-groups
use $.modal('show') to show modals
use bi bi-trash icon (font-awesome doesn't seem to be included with bs5
data-bs-dismiss on the modal close buttons
put recheck templates in container divs
add input-group-text class to addon icons for input fields

mfa/templates/Email/Add.html

@@ -4,7 +4,7 @@
 {% block content %}
 <br/>
 <br/>
-<div class="container">
+<div class="container d-flex justify-content-center">
   <div class="panel panel-default card">
     <div class="panel-heading card-header">
       <strong> Activate Token by email</strong>
@@ -31,8 +31,8 @@
           <div class="row">
             <div class="col-sm-12 col-md-12">
               <div class="form-group">
-                <div class="input-group">
-                  <span class="input-group-addon">
+                <div class="input-group mb-3">
+                  <span class="input-group-addon input-group-text">
                   <i class="glyphicon glyphicon-lock bi bi-lock"></i>
                   </span>
                   <input class="form-control" size="6" MaxLength="6" value="" placeholder="e.g 55552" name="otp" type="text" id="otp" autofocus>