fixed styles, improved PaginatedTableStyling

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

@@ -1,34 +1,36 @@
-import { User2 } from "lucide-react";
-import { PaginatedTable } from "../../../_components/PaginatedTable";
+import { User2 } from 'lucide-react';
+import { PaginatedTable } from '../../../_components/PaginatedTable';
 
 export default async () => {
   return (
     <>
-      <p className="text-2xl font-semibold text-left flex items-center gap-2">
-        <User2 className="w-5 h-5" /> Benutzer
-      </p>
       <PaginatedTable
         showEditButton
         prismaModel="user"
-        searchFields={["publicId", "firstname", "lastname", "email"]}
+        searchFields={['publicId', 'firstname', 'lastname', 'email']}
         columns={[
           {
-            header: "ID",
-            accessorKey: "publicId",
+            header: 'ID',
+            accessorKey: 'publicId',
           },
           {
-            header: "Vorname",
-            accessorKey: "firstname",
+            header: 'Vorname',
+            accessorKey: 'firstname',
           },
           {
-            header: "Nachname",
-            accessorKey: "lastname",
+            header: 'Nachname',
+            accessorKey: 'lastname',
           },
           {
-            header: "Email",
-            accessorKey: "email",
+            header: 'Email',
+            accessorKey: 'email',
           },
         ]}
+        leftOfSearch={
+          <p className="text-2xl font-semibold text-left flex items-center gap-2">
+            <User2 className="w-5 h-5" /> Benutzer
+          </p>
+        }
       />
     </>
   );