Account migration funktioniert nun

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

@@ -1,10 +1,6 @@
 "use client";
-import { Check, Eye, ShieldQuestion, X } from "lucide-react";
-import Link from "next/link";
 import { PaginatedTable } from "_components/PaginatedTable";
-import { Report, User } from "@repo/db";
-import { ColumnDef } from "@tanstack/react-table";
-import { Workflow, Plane } from "lucide-react";
+import { reportColumns } from "(app)/admin/report/columns";
 
 export default function ReportPage() {
 	return (
@@ -15,72 +11,7 @@ export default function ReportPage() {
 				Sender: true,
 				Reported: true,
 			}}
-			columns={
-				[
-					{
-						accessorKey: "reviewed",
-						header: "Erledigt",
-
-						cell: ({ row }) => {
-							return (
-								<div className="text-center">
-									{row.getValue("reviewed") ? (
-										<Check className="text-green-500 w-5 h-5" />
-									) : (
-										<X className="text-red-500 w-5 h-5" />
-									)}
-								</div>
-							);
-						},
-					},
-					{
-						accessorKey: "Sender",
-						header: "Sender",
-						cell: ({ row }) => {
-							const user = row.getValue("Sender") as User;
-							return `${user.firstname} ${user.lastname} (${user.publicId})`;
-						},
-					},
-					{
-						accessorKey: "reportedUserRole",
-						header: "Rolle des gemeldeten Nutzers",
-						cell: ({ row }) => {
-							const role = row.getValue("reportedUserRole") as string | undefined;
-							const Icon = role ? (role.startsWith("LST") ? Workflow : Plane) : ShieldQuestion;
-							return (
-								<span className="flex items-center gap-2">
-									<Icon className="w-4 h-4" />
-									{role || "Unbekannt"}
-								</span>
-							);
-						},
-					},
-					{
-						accessorKey: "Reported",
-						header: "Reported",
-						cell: ({ row }) => {
-							const user = row.getValue("Reported") as User;
-							return `${user.firstname} ${user.lastname} (${user.publicId})`;
-						},
-					},
-					{
-						accessorKey: "timestamp",
-						header: "Time",
-						cell: ({ row }) => new Date(row.getValue("timestamp")).toLocaleString(),
-					},
-					{
-						accessorKey: "actions",
-						header: "Actions",
-						cell: ({ row }) => (
-							<Link href={`/admin/report/${row.original.id}`}>
-								<button className="btn btn-sm btn-outline btn-info flex items-center gap-2">
-									<Eye className="w-4 h-4" /> Anzeigen
-								</button>
-							</Link>
-						),
-					},
-				] as ColumnDef<Report>[]
-			}
+			columns={reportColumns}
 		/>
 	);
 }