Adds TableRow to the EventsTable

Author: samejr

apps/webapp/app/components/events/EventsTable.tsx

@@ -52,17 +52,19 @@ export function EventsTable({
   return (
     <Table>
       <TableHeader>
-        <TableHeaderCell>Event</TableHeaderCell>
-        <TableHeaderCell>Env</TableHeaderCell>
-        <TableHeaderCell>Received Time</TableHeaderCell>
-        <TableHeaderCell>Delivery Time</TableHeaderCell>
-        <TableHeaderCell>Delivered</TableHeaderCell>
-        <TableHeaderCell>Canceled Time</TableHeaderCell>
-        <TableHeaderCell>Test</TableHeaderCell>
-        <TableHeaderCell>Runs</TableHeaderCell>
-        <TableHeaderCell>
-          <span className="sr-only">Go to page</span>
-        </TableHeaderCell>
+        <TableRow>
+          <TableHeaderCell>Event</TableHeaderCell>
+          <TableHeaderCell>Env</TableHeaderCell>
+          <TableHeaderCell>Received Time</TableHeaderCell>
+          <TableHeaderCell>Delivery Time</TableHeaderCell>
+          <TableHeaderCell>Delivered</TableHeaderCell>
+          <TableHeaderCell>Canceled Time</TableHeaderCell>
+          <TableHeaderCell>Test</TableHeaderCell>
+          <TableHeaderCell>Runs</TableHeaderCell>
+          <TableHeaderCell>
+            <span className="sr-only">Go to page</span>
+          </TableHeaderCell>
+        </TableRow>
       </TableHeader>
       <TableBody>
         {total === 0 && !hasFilters ? (

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

@@ -76,7 +76,7 @@ export const TableHeader = forwardRef<HTMLTableSectionElement, Omit<TableHeaderP
           className
         )}
       >
-        <tr tabIndex={-1}>{children}</tr>
+        {children}
       </thead>
     );
   }