feat: enhance API response handling and add new components for module management

apps/web/app/[locale]/home/[account]/fischerei/leases/page.tsx

@@ -5,6 +5,7 @@ import { formatDate } from '@kit/shared/dates';
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
 import { Badge } from '@kit/ui/badge';
 import { Card, CardContent, CardHeader, CardTitle } from '@kit/ui/card';
+import { ListToolbar } from '@kit/ui/list-toolbar';
 
 import { AccountNotFound } from '~/components/account-not-found';
 import { CmsPageShell } from '~/components/cms-page-shell';
@@ -29,10 +30,28 @@ export default async function LeasesPage({ params, searchParams }: Props) {
 
   const api = createFischereiApi(client);
   const page = Number(search.page) || 1;
-  const result = await api.listLeases(acct.id, {
-    page,
-    pageSize: 25,
-  });
+  const waterId = (search.waterId as string) || undefined;
+  const activeParam = search.active as string | undefined;
+  const active =
+    activeParam === 'true' ? true : activeParam === 'false' ? false : undefined;
+
+  const [result, watersResult] = await Promise.all([
+    api.listLeases(acct.id, {
+      waterId,
+      active,
+      page,
+      pageSize: 25,
+    }),
+    api.listWaters(acct.id, { pageSize: 200 }),
+  ]);
+
+  const waterOptions = [
+    { value: '', label: 'Alle Gewässer' },
+    ...watersResult.data.map((w) => ({
+      value: String(w.id),
+      label: String(w.name),
+    })),
+  ];
 
   return (
     <CmsPageShell account={account} title="Fischerei - Pachten">
@@ -44,6 +63,21 @@ export default async function LeasesPage({ params, searchParams }: Props) {
             Gewässerpachtverträge verwalten
           </p>
         </div>
+        <ListToolbar
+          showSearch={false}
+          filters={[
+            { param: 'waterId', label: 'Gewässer', options: waterOptions },
+            {
+              param: 'active',
+              label: 'Status',
+              options: [
+                { value: '', label: 'Alle' },
+                { value: 'true', label: 'Aktiv' },
+                { value: 'false', label: 'Archiviert' },
+              ],
+            },
+          ]}
+        />
         <Card>
           <CardHeader>
             <CardTitle>Pachten ({result.total})</CardTitle>