feat: add file upload and management features; enhance pagination and permissions handling

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

@@ -1,9 +1,14 @@
+import Link from 'next/link';
+
+import { Plus } from 'lucide-react';
+
 import { createFischereiApi } from '@kit/fischerei/api';
 import {
   FischereiTabNavigation,
   PermitsDataTable,
 } from '@kit/fischerei/components';
 import { getSupabaseServerClient } from '@kit/supabase/server-client';
+import { Button } from '@kit/ui/button';
 
 import { AccountNotFound } from '~/components/account-not-found';
 import { CmsPageShell } from '~/components/cms-page-shell';
@@ -31,11 +36,19 @@ export default async function PermitsPage({ params }: Props) {
     <CmsPageShell account={account} title="Fischerei - Erlaubnisscheine">
       <FischereiTabNavigation account={account} activeTab="permits" />
       <div className="flex w-full flex-col gap-6">
-        <div>
-          <h1 className="text-2xl font-bold">Erlaubnisscheine</h1>
-          <p className="text-muted-foreground">
-            Erlaubnisscheine und Gewässerkarten verwalten
-          </p>
+        <div className="flex items-center justify-between">
+          <div>
+            <h1 className="text-2xl font-bold">Erlaubnisscheine</h1>
+            <p className="text-muted-foreground">
+              Erlaubnisscheine und Gewässerkarten verwalten
+            </p>
+          </div>
+          <Link href={`/home/${account}/fischerei/permits/new`}>
+            <Button size="sm" data-test="permits-new-btn">
+              <Plus className="mr-2 h-4 w-4" />
+              Neuer Erlaubnisschein
+            </Button>
+          </Link>
         </div>
         <PermitsDataTable
           data={permits as Array<Record<string, unknown>>}