Datenbank Reiter in der Einstellungen-Seite

components/main/settingsPageComponents/DatabaseSettings.tsx

@@ -0,0 +1,32 @@
+// /components/main/settingsPageComponents/DatabaseSettings.tsx
+"use client";
+import React from "react";
+import handleClearDatabase from "./handlers/handleClearDatabase";
+
+const DatabaseSettings: React.FC = () => {
+  return (
+    <div className="p-6 md:p-3 bg-gray-100 max-w-5xl mr-auto">
+      <h2 className="text-sm md:text-md font-bold mb-2">
+        Datenbank Einstellungen
+      </h2>
+
+      <div className="mb-3">
+        <p className="text-xs text-gray-700 mb-2">
+          Datenbankfunktionen wie Löschen, Export oder Reset. Weitere Funktionen
+          folgen.
+        </p>
+
+        {/* ✅ Button: Datenbank leeren */}
+        <button
+          type="button"
+          onClick={handleClearDatabase}
+          className="bg-red-500 text-white px-3 py-1 rounded text-xs"
+        >
+          Datenbank leeren
+        </button>
+      </div>
+    </div>
+  );
+};
+
+export default DatabaseSettings;

components/main/settingsPageComponents/GeneralSettings.tsx

@@ -256,13 +256,7 @@ const GeneralSettings: React.FC = () => {
           >
             Neustart CPL
           </button>
-          <button
-            type="button"
-            className="bg-littwin-blue text-white px-2 py-1 rounded text-xs w-full md:w-auto"
-            onClick={() => handleClearDatabase()}
-          >
-            Datenbank leeren
-          </button>
+
           <button
             type="button"
             className="bg-littwin-blue text-white px-2 py-1 rounded text-xs w-full md:w-auto"