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/TrustedDevices/start.html

@@ -16,6 +16,7 @@
         $("#modal-title").html("Send Link")
         $("#modal-body").html("Sending Email, Please wait....");
         $("#popUpModal").modal();
+        $("#popUpModal").modal('show');
         $.ajax({
             "url":"{% url 'td_sendemail' %}",
             success:function (data) {
@@ -61,6 +62,7 @@
                     $("#modal-footer").prepend("<button id='actionBtn' class='btn btn-success' onclick='checkMFA()'>Trust Device</button>")
                     $("#modal-body").html(data)
                     $("#popUpModal").modal()
+                    $("#popUpModal").modal('show')
                 }
             }
         })