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 - Kopie/talas5/location_device.js

@@ -0,0 +1,42 @@
+// Importieren des mysql2 Pakets
+import mysql from "mysql2";
+
+// Erstellen eines Pools von Datenbankverbindungen
+const pool = mysql.createPool({
+  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,
+  waitForConnections: true,
+  connectionLimit: 10,
+  queueLimit: 0,
+});
+
+// Ein Hilfsfunktion, um Anfragen zu vereinfachen
+function queryDatabase(query, params) {
+  return new Promise((resolve, reject) => {
+    pool.query(query, params, (error, results) => {
+      if (error) {
+        return reject(error);
+      }
+      resolve(results);
+    });
+  });
+}
+
+// API-Handler
+export default async function handler(req, res) {
+  try {
+    // Dein SQL-Query und die Parameter
+    const sql = "SELECT idLD, iddevice, name FROM location_device WHERE iddevice = ?";
+    const params = [160]; // Beispielparameter
+
+    // Ausführen der Datenbankabfrage
+    const results = await queryDatabase(sql, params);
+    res.status(200).json(results);
+  } catch (error) {
+    console.error("Fehler beim Abrufen der API", error);
+    res.status(500).json({ error: "Fehler bei der Abfrage" });
+  }
+}