Datenbank Reiter in der Einstellungen-Seite

pages/einstellungen.tsx

@@ -4,6 +4,7 @@ import { useAppDispatch } from "../redux/store";
 import { fetchSystemSettingsThunk } from "../redux/thunks/fetchSystemSettingsThunk";
 import GeneralSettings from "../components/main/settingsPageComponents/GeneralSettings";
 import OPCUAInterfaceSettings from "../components/main/settingsPageComponents/OPCUAInterfaceSettings";
+import DatabaseSettings from "../components/main/settingsPageComponents/DatabaseSettings";
 
 export default function Settings() {
   const [activeTab, setActiveTab] = useState("tab1");
@@ -37,12 +38,23 @@ export default function Settings() {
         >
           OPCUA
         </button>
+        <button
+          className={`px-4 py-2 ${
+            activeTab === "tab3"
+              ? "border-b-2 border-blue-500 text-blue-500"
+              : ""
+          }`}
+          onClick={() => setActiveTab("tab3")}
+        >
+          Datenbank
+        </button>
       </div>
 
       {/* Tab-Inhalt */}
       <div className="mt-4">
         {activeTab === "tab1" && <GeneralSettings />}
         {activeTab === "tab2" && <OPCUAInterfaceSettings />}
+        {activeTab === "tab3" && <DatabaseSettings />}
       </div>
     </div>
   );