feat: Benutzerverwaltung als neuen Reiter in Einstellungen-Seite integriert

pages/einstellungen.tsx

@@ -6,6 +6,7 @@ import GeneralSettings from "../components/main/settingsPageComponents/GeneralSe
 import OPCUAInterfaceSettings from "../components/main/settingsPageComponents/OPCUAInterfaceSettings";
 import DatabaseSettings from "../components/main/settingsPageComponents/DatabaseSettings";
 import NTPSettings from "../components/main/settingsPageComponents/NTPSettings";
+import UserManagementSettings from "../components/main/settingsPageComponents/UserManagementSettings";
 
 export default function Settings() {
   const [activeTab, setActiveTab] = useState("tab1");
@@ -59,6 +60,16 @@ export default function Settings() {
         >
           NTP
         </button>
+        <button
+          className={`px-4 py-2 ${
+            activeTab === "tab5"
+              ? "border-b-2 border-blue-500 text-blue-500"
+              : ""
+          }`}
+          onClick={() => setActiveTab("tab5")}
+        >
+          Benutzerverwaltung
+        </button>
       </div>
 
       {/* Tab-Inhalt */}
@@ -67,6 +78,7 @@ export default function Settings() {
         {activeTab === "tab2" && <OPCUAInterfaceSettings />}
         {activeTab === "tab3" && <DatabaseSettings />}
         {activeTab === "tab4" && <NTPSettings />}
+        {activeTab === "tab5" && <UserManagementSettings />}
       </div>
     </div>
   );