Adds isTabbableCell to each table

Author: samejr

apps/webapp/app/components/runs/v3/TaskRunsTable.tsx

@@ -298,7 +298,7 @@ export function TaskRunsTable({
                     />
                   </TableCell>
                 )}
-                <TableCell to={path} alignment="right">
+                <TableCell to={path} alignment="right" isTabbableCell>
                   {formatNumber(run.number)}
                 </TableCell>
                 <TableCell to={path}>

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam._index/route.tsx

@@ -280,7 +280,7 @@ export default function Page() {
 
                             return (
                               <TableRow key={task.slug} className="group">
-                                <TableCell to={path}>
+                                <TableCell to={path} isTabbableCell>
                                   <div className="flex items-center gap-2">
                                     <SimpleTooltip
                                       button={<TaskTriggerSourceIcon source={task.triggerSource} />}

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam.batches/route.tsx

@@ -185,7 +185,9 @@ function BatchesTable({ batches, hasFilters, filters }: BatchList) {
             const path = v3BatchRunsPath(organization, project, batch);
             return (
               <TableRow key={batch.id}>
-                <TableCell to={path}>{batch.friendlyId}</TableCell>
+                <TableCell to={path} isTabbableCell>
+                  {batch.friendlyId}
+                </TableCell>
                 <TableCell to={path}>
                   <EnvironmentLabel
                     environment={batch.environment}
@@ -199,7 +201,7 @@ function BatchesTable({ batches, hasFilters, filters }: BatchList) {
                       disableHoverableContent
                       button={
                         <span className="flex items-center gap-1">
-                          <ExclamationCircleIcon className="size-4 text-slate-500" />
+                          <ExclamationCircleIcon className="size-4 text-text-dimmed" />
                           <span>Legacy batch</span>
                         </span>
                       }

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam.deployments.$deploymentParam/route.tsx

@@ -210,10 +210,8 @@ export default function Page() {
             <div className="divide-y divide-charcoal-800 overflow-y-auto scrollbar-thin scrollbar-track-transparent scrollbar-thumb-charcoal-600">
               <Table>
                 <TableHeader>
-                  <TableRow>
-                    <TableHeaderCell className="px-2">Task</TableHeaderCell>
-                    <TableHeaderCell className="px-2">File path</TableHeaderCell>
-                  </TableRow>
+                  <TableHeaderCell className="px-2">Task</TableHeaderCell>
+                  <TableHeaderCell className="px-2">File path</TableHeaderCell>
                 </TableHeader>
                 <TableBody>
                   {deployment.tasks.map((t) => {

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam.deployments/route.tsx

@@ -168,7 +168,7 @@ export default function Page() {
                         const isSelected = deploymentParam === deployment.shortCode;
                         return (
                           <TableRow key={deployment.id} className="group" isSelected={isSelected}>
-                            <TableCell to={path} isSelected={isSelected}>
+                            <TableCell to={path} isTabbableCell isSelected={isSelected}>
                               <div className="flex items-center gap-2">
                                 <Paragraph variant="extra-small">{deployment.shortCode}</Paragraph>
                                 {deployment.label && (

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam.schedules/route.tsx

@@ -452,7 +452,7 @@ function SchedulesTable({
             const cellClass = schedule.active ? "" : "opacity-50";
             return (
               <TableRow key={schedule.id} className={isSelected ? "bg-grid-dimmed" : undefined}>
-                <TableCell to={path} className={cellClass}>
+                <TableCell to={path} isTabbableCell className={cellClass}>
                   {schedule.friendlyId}
                 </TableCell>
                 <TableCell to={path} className={cellClass}>

apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.v3.$projectParam.test/route.tsx

@@ -264,6 +264,7 @@ function TaskRow({ task, environmentSlug }: { task: TaskListItem; environmentSlu
       </TableCell>
       <TableCell
         to={path}
+        isTabbableCell
         actionClassName="pl-1 pr-2 py-1.5"
         className={cn((isActive || isPending) && "group-hover/table-row:bg-indigo-500/5")}
       >