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

@@ -0,0 +1,24 @@
+// pages/api/talas_v5/area.js
+// Lesen von talas_v5 MySQL-Datenbank -> area Tabelle enthält DAUZ Geräte
+
+import getPool from "../../utils/mysqlPool"; // Verwende den Singleton-Pool
+
+export default async function handler(req, res) {
+  let connection;
+
+  try {
+    const pool = getPool(); // Hole den Pool
+    connection = await pool.getConnection(); // Hole die Verbindung
+
+    // Führe die Abfrage aus
+    const [results] = await connection.query("SELECT id, name FROM area WHERE id = ?", [req.query.id]);
+
+    // Sende die Antwort zurück
+    res.status(200).json(results);
+  } catch (error) {
+    console.error("Fehler beim Abrufen der API", error);
+    res.status(500).json({ error: "Fehler bei der Abfrage" });
+  } finally {
+    if (connection) connection.release(); // Gib die Verbindung zurück in den Pool
+  }
+}