Restructure settings page into individual smaller files. The massive file grew beyond all bounds and was rather unmaintainable. The new structure has a number of benefits, most importantly it's a lot more repsonsive as we do not have to fire a ton of individual AJAX queries to populate all tabs but only need to source what is actually displayed on the page we are showing here

Signed-off-by: DL6ER <dl6er@dl6er.de>

scripts/pi-hole/js/settings-system.js

@@ -9,7 +9,7 @@
 /* exported updateHostInfo, updateCacheInfo */
 
 var hostinfoTimer = null;
-// eslint-disable-next-line no-unused-vars
+
 function updateHostInfo() {
   $.ajax({
     url: "/api/info/host",
@@ -59,7 +59,7 @@ function setMetrics(data, prefix) {
 }
 
 var metricsTimer = null;
-// eslint-disable-next-line no-unused-vars
+
 function updateMetrics() {
   $.ajax({
     url: "/api/info/metrics",
@@ -178,3 +178,8 @@ $(".confirm-disablelogging-noflush").confirm({
   cancelButtonClass: "btn-success",
   dialogClass: "modal-dialog",
 });
+
+$(function () {
+  updateHostInfo();
+  updateMetrics();
+});