Finanzen: Rechnungen schreiben und verwalten, Buchungen zuordnen

Block 6 (Rechnungen: Filter, Altersgruppen, Aktionen, Dialog "Rechnung schreiben")
und Block 7 (Buchungen mit Paging, Zuordnen-Dialog, bei Rechnungen zweistufig).

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

src/hooks/useOpenInvoices.js

@@ -0,0 +1,36 @@
+import { useEffect, useState } from 'react'
+import { getInvoices } from '../lib/financeApi'
+
+const FALLBACK_ERROR = 'Die offenen Rechnungen konnten nicht geladen werden.'
+
+/**
+ * Offene und überfällige Rechnungen für den Zuordnen-Dialog. Lädt jedes Mal frisch, wenn `active` true wird
+ * (damit der Dialog nie auf einem alten Stand arbeitet), und leert die Liste, wenn es wieder false ist.
+ * Scheitert Stripe, bleibt `invoices` leer und `error` nennt den Grund (Kategorien lassen sich trotzdem wählen).
+ */
+export function useOpenInvoices(active) {
+  const [state, setState] = useState({ invoices: [], loading: false, error: '' })
+
+  useEffect(() => {
+    if (!active) {
+      setState({ invoices: [], loading: false, error: '' })
+      return undefined
+    }
+    let cancelled = false
+    setState({ invoices: [], loading: true, error: '' })
+    Promise.all([getInvoices({ status: 'offen' }), getInvoices({ status: 'ueberfaellig' })])
+      .then(([open, overdue]) => {
+        if (cancelled) return
+        const all = [...(open?.rechnungen || []), ...(overdue?.rechnungen || [])]
+        setState({ invoices: all, loading: false, error: '' })
+      })
+      .catch((err) => {
+        if (!cancelled) setState({ invoices: [], loading: false, error: err?.message || FALLBACK_ERROR })
+      })
+    return () => {
+      cancelled = true
+    }
+  }, [active])
+
+  return state
+}