update: Dark / Light mode Button text change and function toggle sitebar groups fixed

WEBROOT/index.php

@@ -74,7 +74,6 @@ $isAdmin = isset($_SESSION['is_admin']) && $_SESSION['is_admin'] === true;
         Backend
         <button id="darkModeToggle">Dark Mode</button>
         <button id="logoutButton">Logout</button>
-        <script src="main.js"></script>
     </header>
     <div class="main">
         <div class="sidebar">
@@ -128,6 +127,7 @@ $isAdmin = isset($_SESSION['is_admin']) && $_SESSION['is_admin'] === true;
             ?>
         </div>
     </div>
+    <script src="main.js"></script>
 </body>
 
 </html>

WEBROOT/main.js

@@ -3,14 +3,18 @@ const body = document.body;
 
 if (localStorage.getItem('darkMode') === 'enabled') {
     body.classList.add('dark-mode');
+    toggle.innerText = 'Light Mode'; // Text direkt beim Laden anpassen
 }
 
 toggle.addEventListener('click', () => {
     body.classList.toggle('dark-mode');
+
     if (body.classList.contains('dark-mode')) {
         localStorage.setItem('darkMode', 'enabled');
+        toggle.innerText = 'Light Mode'; // Button zeigt an, was man als Nächstes machen kann
     } else {
         localStorage.setItem('darkMode', 'disabled');
+        toggle.innerText = 'Dark Mode';
     }
 });
 
@@ -27,5 +31,4 @@ logoutButton.addEventListener('click', () => {
         .then(() => {
             window.location.href = 'login.php';
         });
-
 });