Fix dashboard crons page issue (#36446)

The columns / accessor pattern for the CronsTable is not typesafe so I missed something here. The type returned by `prevNextTs` in `cronDatum` should now match the type `PrevNextTs` (the component) expects. I also did a pass over the other accessors and they all look fine.

GitOrigin-RevId: 40e218c40fb6c2f5d2e7db763600d48654ffd5e6

Author: sshader

npm-packages/dashboard-common/src/features/schedules/components/crons/CronsTable.tsx

@@ -82,7 +82,7 @@ function Function({ value }: CellProps<CronDatum, string>) {
   const url = useFunctionUrl(value);
   const name = displayName(value);
   return (
-    <div className="truncate text-content-link hover:underline">
+    <div className="text-content-link truncate hover:underline">
       <Link href={url} legacyBehavior>
         {name}
       </Link>
@@ -217,7 +217,7 @@ function cronDatum(cronJob: CronJobWithRuns) {
       prevDate,
       nextDate,
       prevRun: lastRun,
-      state: nextRun.state,
+      nextRun,
     },
     udfPath: cronSpec.udfPath,
     udfArgs:
@@ -251,15 +251,15 @@ export function CronsTable({ cronJobs }: { cronJobs: CronJobWithRuns[] }) {
   });
 
   return (
-    <Sheet padding={false} className="overflow-x-auto scrollbar">
+    <Sheet padding={false} className="scrollbar overflow-x-auto">
       <div {...getTableProps()} className="mx-4 block min-w-[42rem]">
         <div {...getTableBodyProps()} className="divide-y">
           {rows.map((row) => {
             prepareRow(row);
             return (
               <div
                 {...row.getRowProps()}
-                className="flex items-stretch justify-start gap-2 py-3 text-xs text-content-primary"
+                className="text-content-primary flex items-stretch justify-start gap-2 py-3 text-xs"
               >
                 {row.cells.map((cell, i) => (
                   <div