Added <tr> back to the main Table compontent

Author: samejr

apps/webapp/app/components/primitives/Table.tsx

@@ -44,9 +44,8 @@ export const TableHeader = forwardRef<HTMLTableSectionElement, TableHeaderProps>
           "sticky top-0 z-10 bg-background-dimmed after:absolute after:bottom-0 after:left-0 after:right-0 after:h-px after:bg-grid-bright",
           className
         )}
-        tabIndex={-1}
       >
-        {children}
+        <tr tabIndex={-1}>{children}</tr>
       </thead>
     );
   }

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

@@ -134,38 +134,36 @@ function BatchesTable({ batches, hasFilters, filters }: BatchList) {
   return (
     <Table className="max-h-full overflow-y-auto">
       <TableHeader>
-        <TableRow>
-          <TableHeaderCell>ID</TableHeaderCell>
-          <TableHeaderCell>Env</TableHeaderCell>
-          <TableHeaderCell
-            tooltip={
-              <div className="flex flex-col divide-y divide-grid-dimmed">
-                {allBatchStatuses.map((status) => (
-                  <div
-                    key={status}
-                    className="grid grid-cols-[8rem_1fr] gap-x-2 py-2 first:pt-1 last:pb-1"
-                  >
-                    <div className="mb-0.5 flex items-center gap-1.5 whitespace-nowrap">
-                      <BatchStatusCombo status={status} />
-                    </div>
-                    <Paragraph variant="extra-small" className="!text-wrap text-text-dimmed">
-                      {descriptionForBatchStatus(status)}
-                    </Paragraph>
+        <TableHeaderCell>ID</TableHeaderCell>
+        <TableHeaderCell>Env</TableHeaderCell>
+        <TableHeaderCell
+          tooltip={
+            <div className="flex flex-col divide-y divide-grid-dimmed">
+              {allBatchStatuses.map((status) => (
+                <div
+                  key={status}
+                  className="grid grid-cols-[8rem_1fr] gap-x-2 py-2 first:pt-1 last:pb-1"
+                >
+                  <div className="mb-0.5 flex items-center gap-1.5 whitespace-nowrap">
+                    <BatchStatusCombo status={status} />
                   </div>
-                ))}
-              </div>
-            }
-          >
-            Status
-          </TableHeaderCell>
-          <TableHeaderCell>Runs</TableHeaderCell>
-          <TableHeaderCell>Duration</TableHeaderCell>
-          <TableHeaderCell>Created</TableHeaderCell>
-          <TableHeaderCell>Finished</TableHeaderCell>
-          <TableHeaderCell>
-            <span className="sr-only">Go to batch</span>
-          </TableHeaderCell>
-        </TableRow>
+                  <Paragraph variant="extra-small" className="!text-wrap text-text-dimmed">
+                    {descriptionForBatchStatus(status)}
+                  </Paragraph>
+                </div>
+              ))}
+            </div>
+          }
+        >
+          Status
+        </TableHeaderCell>
+        <TableHeaderCell>Runs</TableHeaderCell>
+        <TableHeaderCell>Duration</TableHeaderCell>
+        <TableHeaderCell>Created</TableHeaderCell>
+        <TableHeaderCell>Finished</TableHeaderCell>
+        <TableHeaderCell>
+          <span className="sr-only">Go to batch</span>
+        </TableHeaderCell>
       </TableHeader>
       <TableBody>
         {batches.length === 0 && !hasFilters ? (