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/GeneralSettings.tsx

@@ -2,7 +2,7 @@
 import React, { useState, useEffect } from "react";
 import { RootState } from "../../../redux/store";
 import { useSelector } from "react-redux";
-import handleClearDatabase from "./handlers/handleClearDatabase";
+import handleClearDatabase from "./handlers/dbHandlers/handleClearDatabase";
 import handleReboot from "./handlers/handleReboot";
 import handleSetDateTime from "./handlers/handleSetDateTime";
 import handleSubmit from "./handlers/handleSubmit";
@@ -216,27 +216,29 @@ const GeneralSettings: React.FC = () => {
             </button>
           ) : (
             <>
-              <input
-                type="text"
-                placeholder="Benutzername"
-                className="border border-gray-300 rounded h-8 p-1 w-full text-xs"
-                value={username}
-                onChange={(e) => setUsername(e.target.value)}
-              />
-              <input
-                type="password"
-                placeholder="Passwort"
-                className="border border-gray-300 rounded h-8 p-1 w-full text-xs"
-                value={password}
-                onChange={(e) => setPassword(e.target.value)}
-              />
-              <button
-                type="button"
-                className="bg-littwin-blue text-white px-2 py-1 rounded text-xs"
-                onClick={handleLogin}
-              >
-                Admin anmelden
-              </button>
+              <div className="flex flex-row gap-3">
+                <input
+                  type="text"
+                  placeholder="Benutzername"
+                  className="border border-gray-300 rounded h-8 p-1 w-full text-xs"
+                  value={username}
+                  onChange={(e) => setUsername(e.target.value)}
+                />
+                <input
+                  type="password"
+                  placeholder="Passwort"
+                  className="border border-gray-300 rounded h-8 p-1 w-full text-xs"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                />
+                <button
+                  type="button"
+                  className="flex flex-row bg-littwin-blue text-white px-1  rounded text-xs whitespace-nowrap justify-center items-center "
+                  onClick={handleLogin}
+                >
+                  Admin anmelden
+                </button>
+              </div>
             </>
           )}
         </div>