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

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

@@ -4,6 +4,7 @@ import {
   StockingDataTable,
 } from '@kit/fischerei/components';
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { ListToolbar } from '@kit/ui/list-toolbar';
 
 import { AccountNotFound } from '~/components/account-not-found';
 import { CmsPageShell } from '~/components/cms-page-shell';
@@ -28,14 +29,58 @@ export default async function StockingPage({ params, searchParams }: Props) {
 
   const api = createFischereiApi(client);
   const page = Number(search.page) || 1;
-  const result = await api.listStocking(acct.id, {
-    page,
-    pageSize: 25,
-  });
+  const waterId = (search.waterId as string) || undefined;
+  const speciesId = (search.speciesId as string) || undefined;
+  const yearParam = search.year ? Number(search.year) : undefined;
+
+  const [result, watersResult, speciesResult] = await Promise.all([
+    api.listStocking(acct.id, {
+      waterId,
+      speciesId,
+      year: yearParam,
+      page,
+      pageSize: 25,
+    }),
+    api.listWaters(acct.id, { pageSize: 200 }),
+    api.listSpecies(acct.id, { pageSize: 200 }),
+  ]);
+
+  const currentYear = new Date().getFullYear();
+  const yearOptions = [
+    { value: '', label: 'Alle Jahre' },
+    ...Array.from({ length: 4 }, (_, i) => ({
+      value: String(currentYear - i),
+      label: String(currentYear - i),
+    })),
+  ];
+
+  const waterOptions = [
+    { value: '', label: 'Alle Gewässer' },
+    ...watersResult.data.map((w) => ({
+      value: String(w.id),
+      label: String(w.name),
+    })),
+  ];
+
+  const speciesOptions = [
+    { value: '', label: 'Alle Arten' },
+    ...speciesResult.data.map((s) => ({
+      value: String(s.id),
+      label: String(s.name),
+    })),
+  ];
 
   return (
     <CmsPageShell account={account} title="Fischerei - Besatz">
       <FischereiTabNavigation account={account} activeTab="stocking" />
+      <ListToolbar
+        showSearch={false}
+        filters={[
+          { param: 'waterId', label: 'Gewässer', options: waterOptions },
+          { param: 'speciesId', label: 'Fischart', options: speciesOptions },
+          { param: 'year', label: 'Jahr', options: yearOptions },
+        ]}
+      />
       <StockingDataTable
         data={result.data}
         total={result.total}