added User edit

apps/hub/app/_components/Table.tsx

@@ -9,21 +9,43 @@ import {
   flexRender,
 } from '@tanstack/react-table';
 import { ArrowLeft, ArrowRight, ChevronDown, ChevronUp } from 'lucide-react'; // Icons for sorting
+import Link from 'next/link';
+import { PrismaClient } from '@repo/db';
 
 export interface SortableTableProps<TData> {
   data: TData[];
   columns: ColumnDef<TData>[];
+  showEditButton?: boolean;
+  prismaModel?: keyof PrismaClient;
 }
 
 export default function SortableTable<TData>({
   data,
   columns,
+  prismaModel,
+  showEditButton,
 }: SortableTableProps<TData>) {
   const [sorting, setSorting] = useState<SortingState>([]);
 
   const table = useReactTable({
     data,
-    columns,
+    columns: showEditButton
+      ? [
+          ...columns,
+          {
+            header: 'Actions',
+            cell: ({ row }) => (
+              <div className="flex items-center gap-1">
+                <Link
+                  href={`/admin/${prismaModel as string}/${(row.original as any).id}`}
+                >
+                  <button className="btn">Edit</button>
+                </Link>
+              </div>
+            ),
+          },
+        ]
+      : columns,
     getCoreRowModel: getCoreRowModel(),
     getSortedRowModel: getSortedRowModel(),
     onSortingChange: setSorting,