WIP: Add basic structure for edit mode to DataSheet.js

Der Bearbeitungsmodus ist noch nicht vollständig, und es fehlen
einige Funktionalitäten. Reduzierung der Datenbankanfragen noch in Arbeit.

components/EditModeToggle.js

@@ -0,0 +1,26 @@
+import React, { useState, useEffect } from "react";
+
+function EditModeToggle() {
+  const [editMode, setEditMode] = useState(() => localStorage.getItem("editMode") === "true");
+
+  const toggleEditMode = () => {
+    const newEditMode = !editMode;
+    setEditMode(newEditMode);
+    localStorage.setItem("editMode", newEditMode);
+    //Browser neu laden, um die Änderungen anzuwenden
+    window.location.reload();
+  };
+
+  useEffect(() => {
+    const storedMode = localStorage.getItem("editMode") === "true";
+    setEditMode(storedMode);
+  }, []);
+
+  return (
+    <button onClick={toggleEditMode} className="bg-gray-200 p-2 rounded">
+      {editMode ? "Bearbeitungsmodus deaktivieren" : "Bearbeitungsmodus aktivieren"}
+    </button>
+  );
+}
+
+export default EditModeToggle;