Impossible de cliquer sur le bouton synchronisation et plus

Bonjour,

Bonsoir les profs,
Je me dirige vers vous afin de m'aider à résoudre mon problème , j'ai créer un bouton de synchronisation qu'une fois on clique dessus il vas me redirigé vers une autre page php que j'ai crée : (control/F_SynchroPointages.php?)

le problème c'est que le bouton ne marche plus on peut pas cliquer sur et aucune redirection vers l'autre page n'est faite je ne sais pas d'ou viens le problème allez les profs aider moi SVP et merci d'avance     


mon code php :

<div class="col-lg-2 mb-4" align="right">
<a onclick="SynchroPointage()" class="btn btn-info btn-icon-split">
<span class="icon text-gray-100">
<i class="fas fa-sync-alt"></i>
</span>
<span class="text">Synchronisation</span>
</a>
</div>
<script>
function SynchroPointage() {
$(document).ready(function() {
$("#ModalSynchro").modal('show');
});
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("ResultatAff").innerHTML = this.responseText;
}
};
xmlhttp.open("GET", "control/F_SynchroPointages.php?", true);
xmlhttp.send();
setTimeout(function() {
document.getElementById('ModalSynchro').click();
//window.location = './pointages.php'
}, 5000);
}
</script>
</div>
</div>

ici c'est le code de la petite fenêtre #ModalSynchro qui va s'ouvrir lors de la synchronisation : ($("#ModalSynchro").modal('show');)

<div class="modal fade" id="ModalSynchro" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Veuillez Patienter S'il Vous Plait</h5>
<button id="ModalClose" class="close" type="button" data-dismiss="modal" aria-label="Close" hidden>
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" >
<center>
Synchronisation en cour... Merci de patienter<br/>
<div style="width: 20%;">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="spinner" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" class="svg-inline--fa fa-spinner fa-w-16 fa-spin fa-lg"><path fill="currentColor" d="M304 48c0 26.51-21.49 48-48 48s-48-21.49-48-48 21.49-48 48-48 48 21.49 48 48zm-48 368c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zm208-208c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.49-48-48-48zM96 256c0-26.51-21.49-48-48-48S0 229.49 0 256s21.49 48 48 48 48-21.49 48-48zm12.922 99.078c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.491-48-48-48zm294.156 0c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48c0-26.509-21.49-48-48-48zM108.922 60.922c-26.51 0-48 21.49-48 48s21.49 48 48 48 48-21.49 48-48-21.491-48-48-48z" class=""></path></svg>
</div>
</center>
</div>
<div class="modal-footer">

Windows / Chrome 108.0.0.0