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

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

@@ -4,6 +4,7 @@ import {
   SpeciesDataTable,
 } 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,8 +29,13 @@ export default async function SpeciesPage({ params, searchParams }: Props) {
 
   const api = createFischereiApi(client);
   const page = Number(search.page) || 1;
+  const activeParam = search.active as string | undefined;
+  const active =
+    activeParam === 'true' ? true : activeParam === 'false' ? false : undefined;
+
   const result = await api.listSpecies(acct.id, {
     search: search.q as string,
+    active,
     page,
     pageSize: 50,
   });
@@ -37,6 +43,20 @@ export default async function SpeciesPage({ params, searchParams }: Props) {
   return (
     <CmsPageShell account={account} title="Fischerei - Fischarten">
       <FischereiTabNavigation account={account} activeTab="species" />
+      <ListToolbar
+        searchPlaceholder="Fischart suchen..."
+        filters={[
+          {
+            param: 'active',
+            label: 'Status',
+            options: [
+              { value: '', label: 'Alle' },
+              { value: 'true', label: 'Aktiv' },
+              { value: 'false', label: 'Inaktiv' },
+            ],
+          },
+        ]}
+      />
       <SpeciesDataTable
         data={result.data}
         total={result.total}