fixed styles, improved PaginatedTableStyling

apps/hub/app/(app)/admin/station/page.tsx

@@ -1,42 +1,46 @@
-import { DatabaseBackupIcon } from "lucide-react";
-import { PaginatedTable } from "../../../_components/PaginatedTable";
-import Link from "next/link";
+import { DatabaseBackupIcon } from 'lucide-react';
+import { PaginatedTable } from '../../../_components/PaginatedTable';
+import Link from 'next/link';
 
 export default () => {
   return (
     <>
-      <p className="text-2xl font-semibold text-left flex items-center gap-2 justify-between">
-        <span className="flex items-center gap-2">
-          <DatabaseBackupIcon className="w-5 h-5" /> Stationen
-        </span>
-        <Link href={"/admin/station/new"}>
-          <button className="btn btn-sm btn-outline btn-primary">
-            Erstellen
-          </button>
-        </Link>
-      </p>
       <PaginatedTable
         showEditButton
         prismaModel="station"
-        searchFields={["bosCallsign", "bosUse", "country", "operator"]}
+        searchFields={['bosCallsign', 'bosUse', 'country', 'operator']}
         columns={[
           {
-            header: "BOS Name",
-            accessorKey: "bosCallsign",
+            header: 'BOS Name',
+            accessorKey: 'bosCallsign',
           },
           {
-            header: "Bos Use",
-            accessorKey: "bosUse",
+            header: 'Bos Use',
+            accessorKey: 'bosUse',
           },
           {
-            header: "Country",
-            accessorKey: "country",
+            header: 'Country',
+            accessorKey: 'country',
           },
           {
-            header: "operator",
-            accessorKey: "operator",
+            header: 'operator',
+            accessorKey: 'operator',
           },
         ]}
+        leftOfSearch={
+          <span className="flex items-center gap-2">
+            <DatabaseBackupIcon className="w-5 h-5" /> Stationen
+          </span>
+        }
+        rightOfSearch={
+          <p className="text-2xl font-semibold text-left flex items-center gap-2 justify-between">
+            <Link href={'/admin/station/new'}>
+              <button className="btn btn-sm btn-outline btn-primary">
+                Erstellen
+              </button>
+            </Link>
+          </p>
+        }
       />
     </>
   );