footer: add footer loader

views/homePages/homeMain.html

@@ -601,7 +601,8 @@
     <!-- Footer Component -->
     <div id="footer"></div>
 
-    <script src="homePages/homeMain.js?v=1.1"></script>
+    <script src="homePages/homeMain.js?v=1.2"></script>
     <script src="/components/header/headerLoader.js"></script>
+    <script src="/components/footer/footerLoader.js"></script>
   </body>
 </html>

views/homePages/homeMain.js

@@ -1,9 +1,4 @@
-// Load footer
-fetch("components/footer/footer.html")
-  .then((response) => response.text())
-  .then((data) => {
-    document.getElementById("footer").innerHTML = data;
-  });
+// views/homePages/homeMain.js
 
 // MANUAL BANNER SLIDESHOW FUNCTIONALITY
 document.addEventListener("DOMContentLoaded", function () {