fixed styles, improved PaginatedTableStyling

apps/hub/app/_components/PaginatedTable.tsx

@@ -22,6 +22,8 @@ interface PaginatedTableProps<TData>
   showEditButton?: boolean;
   searchFields?: string[];
   include?: Record<string, boolean>;
+  leftOfSearch?: React.ReactNode;
+  rightOfSearch?: React.ReactNode;
   ref?: Ref<PaginatedTableRef>;
 }
 
@@ -33,6 +35,8 @@ export function PaginatedTable<TData>({
   filter,
   include,
   ref,
+  leftOfSearch,
+  rightOfSearch,
   ...restProps
 }: PaginatedTableProps<TData>) {
   const [data, setData] = useState<TData[]>([]);
@@ -87,7 +91,8 @@ export function PaginatedTable<TData>({
   return (
     <div className="space-y-4 m-4">
       {searchFields.length > 0 && (
-        <div className="flex justify-end">
+        <div className="flex items-center  gap-2">
+          <div className="flex-1">{leftOfSearch}</div>
           <input
             type="text"
             placeholder="Suchen..."
@@ -98,6 +103,7 @@ export function PaginatedTable<TData>({
             }}
             className="input input-bordered w-full max-w-xs justify-end"
           />
+          <div className="flex justify-center">{rightOfSearch}</div>
         </div>
       )}
       <SortableTable