feat: Datenbank-Reiter ergänzt mit neuen Löschfunktionen

- Neuen Tab „Datenbank“ in Einstellungen-Seite eingebaut
- Separate Buttons für:
  - vollständiges Löschen der Datenbank
  - Konfiguration löschen (DBC1)
  - Meldungen löschen (DBC2)
  - Logger-Messwerte löschen (DBC3)
- Logik über eigene Handler-Funktionen umgesetzt
- „Datenbank leeren“-Button aus GeneralSettings entfernt

components/main/settingsPageComponents/DatabaseSettings.tsx

@@ -1,28 +1,49 @@
 // /components/main/settingsPageComponents/DatabaseSettings.tsx
 "use client";
 import React from "react";
-import handleClearDatabase from "./handlers/handleClearDatabase";
+import handleClearDatabase from "./handlers/dbHandlers/handleClearDatabase";
+import handleClearConfig from "./handlers/dbHandlers/handleClearConfig";
+import handleClearMessages from "./handlers/dbHandlers/handleClearMessages";
+import handleClearLogger from "./handlers/dbHandlers/handleClearLogger";
 
 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">
+      <h2 className="text-sm md:text-md font-bold mb-4">
         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 */}
+      <div className="grid grid-cols-1 md:grid-cols-2 gap-3">
         <button
           type="button"
           onClick={handleClearDatabase}
-          className="bg-red-500 text-white px-3 py-1 rounded text-xs"
+          className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
         >
-          Datenbank leeren
+          Datenbank vollständig leeren
+        </button>
+
+        <button
+          type="button"
+          onClick={handleClearConfig}
+          className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
+        >
+          Konfiguration löschen
+        </button>
+
+        <button
+          type="button"
+          onClick={handleClearMessages}
+          className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
+        >
+          Meldungen löschen
+        </button>
+
+        <button
+          type="button"
+          onClick={handleClearLogger}
+          className="bg-littwin-blue text-white px-3 py-1 rounded text-xs"
+        >
+          Messwerte Logger löschen
         </button>
       </div>
     </div>