feat(components:data-table): display problem number in live submiss…

…ions data-table

  ## what
  - display `problem number` in live submissions data-table

  ## how

  ## why

  ## where
  - ./src/app/components/data-table/columns.tsx

  ## usage

src/app/components/data-table/columns.tsx

@@ -27,5 +27,21 @@ export const columns: ColumnDef<Submission>[] = [
       );
     },
   },
+  {
+    accessorKey: "problemNum",
+    accessorFn: row => row.msg.pnum,
+    header: ({ column }) => {
+      return (
+        <DataTableColumnHeader column={column} title="Problem number" />
+      );
+    },
+    cell: ({ row }) => {
+      return (
+        <Link href={`/problems/${row.getValue("problemNum")}`} className={buttonVariants({variant: 'outline'})}>
+          {row.getValue("problemNum")}
+        </Link>
+      );
+    },
+  },
 ]