Added fontawesome created basic footer and header includes for css and js

js/voice.js

+var voiceBtn = document.getElementById("voiceBtn");
+
+console.log(voiceBtn);
+voiceBtn.addEventListener("click", startListening);
+
+function startListening(){
+    voiceBtn.disabled = true;
+}
\ No newline at end of file

pages/footer.php

+<script type="text/javascript" src="js/app.js"></script>
+<script type="text/javascript" src="js/voice.js"></script>
+<script src="https://kit.fontawesome.com/731cc9a451.js" crossorigin="anonymous"></script>
\ No newline at end of file

pages/header.php

+<link rel="stylesheet" href="styles/css/style.css">

pages/voice.php

-<img class="icon" src="styles/images/icons/microphone.svg" style="width:16px;">
-<button id="listenBtn">Commencer l'ecoute du micro</button>
\ No newline at end of file
+<i class="fa-solid fa-microphone"></i>
+<button id="voiceBtn">Commencer l'ecoute du micro</button>
\ No newline at end of file

styles/images/icons/microphone.svg

-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 352 512"><path d="M176 352c53.02 0 96-42.98 96-96V96c0-53.02-42.98-96-96-96S80 42.98 80 96v160c0 53.02 42.98 96 96 96zm160-160h-16c-8.84 0-16 7.16-16 16v48c0 74.8-64.49 134.82-140.79 127.38C96.71 376.89 48 317.11 48 250.3V208c0-8.84-7.16-16-16-16H16c-8.84 0-16 7.16-16 16v40.16c0 89.64 63.97 169.55 152 181.69V464H96c-8.84 0-16 7.16-16 16v16c0 8.84 7.16 16 16 16h160c8.84 0 16-7.16 16-16v-16c0-8.84-7.16-16-16-16h-56v-33.77C285.71 418.47 352 344.9 352 256v-48c0-8.84-7.16-16-16-16z"/></svg>
\ No newline at end of file