Fix infinite render loop on submissions table checkboxes

onChange={row.toggleSelected()} invoked the state setter during render,
causing React error #185 (maximum update depth exceeded) whenever the
submissions table rendered. Wrap in an arrow function so selection only
changes on the change event.

Author: hamin2006

src/components/forms/applications/data-table.tsx

@@ -97,7 +97,7 @@ export function DataTable<TData, TValue>({
         <input
           type="checkbox"
           checked={table.getIsAllPageRowsSelected()}
-          onChange={table.toggleAllPageRowsSelected}
+          onChange={() => table.toggleAllPageRowsSelected()}
           onClick={(e) => e.stopPropagation()}
           className="accent-lp-500 w-3.5 h-3.5 cursor-pointer"
           title="Select page"
@@ -107,7 +107,7 @@ export function DataTable<TData, TValue>({
         <input
           type="checkbox"
           checked={row.getIsSelected()}
-          onChange={row.toggleSelected()}
+          onChange={() => row.toggleSelected()}
           onClick={(e) => e.stopPropagation()}
           className="accent-lp-500 w-3.5 h-3.5 cursor-pointer"
         />