updated added classes and updated web

src/web/js/header.js

@@ -10,17 +10,21 @@ const headerlinks = document.querySelector('.links')
 let uptimeintervalid
 
 settingsbutton.addEventListener('click', () => {
-    settingssection.classList.add('active')
     syslogsection.classList.remove('active')
     infosection.classList.remove('active')
+    updatesection.classList.remove('active');
+    backupsection.classList.remove('active');
+    settingssection.classList.add('active')
     clearInterval(uptimeintervalid)
     get_all_settings()
 })
 
 syslogbutton.addEventListener('click', () => {
-    syslogsection.classList.add('active')
     settingssection.classList.remove('active')
     infosection.classList.remove('active')
+    updatesection.classList.remove('active');
+    backupsection.classList.remove('active');
+    syslogsection.classList.add('active')
     clearInterval(uptimeintervalid)
     get_syslog_data()
 })
@@ -42,6 +46,30 @@ window.addEventListener('click', (e) => {
 infobutton.addEventListener('click', () => {
     syslogsection.classList.remove('active')
     settingssection.classList.remove('active')
+    updatesection.classList.remove('active');
+    backupsection.classList.remove('active');
     infosection.classList.add('active')
     uptimeintervalid = setInterval(get_uptime, 1000)
 })
+
+const updatesectionbutton = document.querySelector('#updatesectionbutton');
+const updatesection = document.querySelector('#updatesection');
+
+updatesectionbutton.addEventListener('click', () => {
+    infosection.classList.remove('active');
+    settingssection.classList.remove('active');
+    syslogsection.classList.remove('active');
+    backupsection.classList.remove('active');
+    updatesection.classList.add('active');
+})
+
+const backupsectionbutton = document.querySelector('#backupsectionbutton');
+const backupsection = document.querySelector('#backupsection');
+
+backupsectionbutton.addEventListener('click', () => {
+    infosection.classList.remove('active');
+    settingssection.classList.remove('active');
+    syslogsection.classList.remove('active');
+    updatesection.classList.remove('active');
+    backupsection.classList.add('active');
+})