Finished Hub ESLINT rule enforcement

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

@@ -1,13 +1,16 @@
+"use client";
 import { User2 } from "lucide-react";
 import { PaginatedTable } from "../../../_components/PaginatedTable";
-import { getServerSession } from "api/auth/[...nextauth]/auth";
+import Link from "next/link";
+import { ColumnDef } from "@tanstack/react-table";
+import { User } from "@repo/db";
+import { useSession } from "next-auth/react";
 
-const AdminUserPage = async () => {
-	const session = await getServerSession();
+const AdminUserPage = () => {
+	const { data: session } = useSession();
 	return (
 		<>
 			<PaginatedTable
-				showEditButton
 				prismaModel="user"
 				searchFields={["publicId", "firstname", "lastname", "email"]}
 				initialOrderBy={[
@@ -16,28 +19,40 @@ const AdminUserPage = async () => {
 						desc: false,
 					},
 				]}
-				columns={[
-					{
-						header: "ID",
-						accessorKey: "publicId",
-					},
-					{
-						header: "Vorname",
-						accessorKey: "firstname",
-					},
-					{
-						header: "Nachname",
-						accessorKey: "lastname",
-					},
-					...(session?.user.permissions.includes("ADMIN_USER_ADVANCED")
-						? [
-								{
-									header: "Email",
-									accessorKey: "email",
-								},
-							]
-						: []),
-				]}
+				columns={
+					[
+						{
+							header: "ID",
+							accessorKey: "publicId",
+						},
+						{
+							header: "Vorname",
+							accessorKey: "firstname",
+						},
+						{
+							header: "Nachname",
+							accessorKey: "lastname",
+						},
+						...(session?.user.permissions.includes("ADMIN_USER_ADVANCED")
+							? [
+									{
+										header: "Email",
+										accessorKey: "email",
+									},
+								]
+							: []),
+						{
+							header: "Aktionen",
+							cell: ({ row }) => (
+								<div className="flex items-center gap-1">
+									<Link href={`/admin/event/${row.original.id}`}>
+										<button className="btn btn-sm">Anzeigen</button>
+									</Link>
+								</div>
+							),
+						},
+					] as ColumnDef<User>[]
+				} // Define the columns for the user table
 				leftOfSearch={
 					<p className="text-2xl font-semibold text-left flex items-center gap-2">
 						<User2 className="w-5 h-5" /> Benutzer