fix: Behebt Endlosschleife und doppelte Recoil-Atom-Registrierung

- `index.js` als Client-Komponente deklariert (`"use client"`) zur Vermeidung von SSR-Problemen.
- `useEffect` optimiert, um unendliche API-Requests durch `isMounted`-Check zu verhindern.
- `loadData()` angepasst, um API-Fehler korrekt abzufangen und erneute Ladeversuche zu vermeiden.
- Doppelte Registrierung von `poiReadFromDbTriggerAtom` durch HMR verhindert.
- Ungültige MySQL-Option `acquireTimeout` entfernt, um Verbindungsfehler zu beheben.

Diese Änderungen verhindern unerwartete Reloads und verbessern die Stabilität der Anwendung.

pages/api back30/talas_v5_DB/gisLines/readGisLines.js

@@ -0,0 +1,37 @@
+// /pages/api/talas_v5_DB/gisLines/readGisLines.js
+import mysql from "mysql";
+
+const dbConfig = {
+  host: process.env.DB_HOST,
+  user: process.env.DB_USER,
+  password: process.env.DB_PASSWORD,
+  database: process.env.DB_NAME,
+  port: process.env.DB_PORT,
+};
+
+const connection = mysql.createConnection(dbConfig);
+connection.connect((err) => {
+  if (err) {
+    console.error("Fehler beim Verbinden:", err.stack);
+    return;
+  }
+  //console.log("Database connected successfully.");
+});
+
+export default function handler(req, res) {
+  if (req.method !== "GET") {
+    return res.status(405).json({ error: "Nur GET Methode erlaubt" });
+  }
+  const query = "SELECT * FROM talas_v5.gis_lines;";
+  connection.query(query, (error, results) => {
+    if (error) {
+      console.error("Fehler beim Abrufen der gis_lines:", error);
+      return res.status(500).json({ error: "Fehler beim Abrufen der gis_lines" });
+    }
+    if (results.length > 0) {
+      res.json(results);
+    } else {
+      res.status(404).json({ error: "Gerät nicht gefunden" });
+    }
+  });
+}

pages/api back30/talas_v5_DB/gisLines/updateLineCoordinates.js

@@ -0,0 +1,61 @@
+// /pages/api/talas_v5_DB/gisLines/updateLineCoordinates.js
+import mysql from "mysql";
+
+const dbConfig = {
+  host: process.env.DB_HOST,
+  user: process.env.DB_USER,
+  password: process.env.DB_PASSWORD,
+  database: process.env.DB_NAME,
+  port: process.env.DB_PORT,
+};
+
+const connection = mysql.createConnection(dbConfig);
+connection.connect((err) => {
+  if (err) {
+    console.error("Fehler beim Verbinden:", err.stack);
+    return;
+  }
+  //console.log("Database connected successfully.");
+});
+
+export default function handler(req, res) {
+  if (req.method !== "POST") {
+    return res.status(405).json({ error: "Nur POST Methode erlaubt" });
+  }
+
+  const { idLD, idModul, newCoordinates } = req.body;
+  if (!idLD || !idModul || !newCoordinates) {
+    return res.status(400).json({ error: "Fehlende Daten" });
+  }
+
+  const newLineString = `LINESTRING(${newCoordinates.map((coord) => `${coord[0]} ${coord[1]}`).join(",")})`;
+
+  const query = "UPDATE talas_v5.gis_lines SET points = ST_GeomFromText(?) WHERE idLD = ? AND idModul = ?;";
+
+  connection.beginTransaction((err) => {
+    if (err) {
+      throw err;
+    }
+    connection.query(query, [newLineString, idLD, idModul], (error, results, fields) => {
+      if (error) {
+        return connection.rollback(() => {
+          console.error("Fehler beim Aktualisieren der gis_lines:", error);
+          res.status(500).json({ error: "Fehler beim Aktualisieren der gis_lines" });
+        });
+      }
+
+      connection.commit((err) => {
+        if (err) {
+          return connection.rollback(() => {
+            throw err;
+          });
+        }
+        console.log("Transaction Complete.");
+        res.status(200).json({
+          success: "Updated successfully.",
+          affectedRows: results.affectedRows,
+        });
+      });
+    });
+  });
+}