Bump @types/react-table from 7.7.19 to 7.7.20 in /horreum-web

Bumps [@types/react-table](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react-table) from 7.7.19 to 7.7.20.
- [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases)
- [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react-table)

---
updated-dependencies:
- dependency-name: "@types/react-table"
  dependency-type: direct:production
  update-type: version-update:semver-patch
...

Signed-off-by: dependabot[bot] <support@github.com>

Cleanup changes

horreum-web/package.json

@@ -14,7 +14,7 @@
   "@types/react-autosuggest": "10.1.11",
   "@types/react-dom": "18.2.25",
   "@types/react-redux": "7.1.20",
-  "@types/react-table": "7.7.19",
+  "@types/react-table": "7.7.20",
   "@types/uuid": "10.0.0",
   "@vitejs/plugin-react": "4.2.1",
   "clsx": "2.1.0",

horreum-web/src/domain/alerting/ChangeTable.tsx

@@ -176,22 +176,22 @@ export const ChangeTable = ({ varId, fingerprint, testOwner, selectedChangeId }:
             Header: "Confirmed",
             id: "confirmed",
             accessor: "confirmed",
-            Cell: (arg: any) => (arg.cell.value ? <CheckIcon id={"change_" + arg.row.original.id} /> : ""),
+            Cell: (arg: any) => (arg.cell.value ? <CheckIcon id={"change_" + arg.row.original.id} /> : <></>),
         },
         {
             Header: "Time",
             id: "timestamp",
             accessor: "timestamp",
             sortType: "datetime",
-            Cell: (arg: any) => formatDateTime(arg.cell.value),
+            Cell: (arg: any) => <div>formatDateTime(arg.cell.value)</div>,
         },
         {
             Header: "Dataset",
             id: "dataset",
             accessor: "dataset",
             Cell: (arg: any) => {
                 const dataset = arg.cell.value
-                if (!dataset) return "<unknown>"
+                if (!dataset) return <></>
                 return (
                     <NavLink to={`/run/${dataset.runId}#dataset${dataset.ordinal}`}>
                         {dataset.runId}/{dataset.ordinal + 1}

horreum-web/src/domain/reports/Reports.tsx

@@ -79,7 +79,7 @@ export default function Reports(props: ReportGroup) {
                     const configId = arg.row.original.configId
 
                     return configId === undefined ? (
-                        title
+                        <div>title</div>
                     ) : (
                         <NavLink to={`/test/${test.id}/reports/table/config/${configId}`}>
                             {title} <EditIcon />
@@ -104,7 +104,7 @@ export default function Reports(props: ReportGroup) {
                             </NavLink>
                         )
                     } else {
-                        return "No report"
+                        return <div>"No report"</div>
                     }
                 },
             },

horreum-web/src/domain/runs/RunList.tsx

@@ -39,10 +39,6 @@ import {AppContextType} from "../../context/@types/appContextTypes";
 import {RunImportModal} from "./RunImportModal";
 import CustomTable from "../../components/CustomTable"
 
-type C = CellProps<RunSummary> &
-    UseTableOptions<RunSummary> &
-    UseRowSelectInstanceProps<RunSummary> & { row: UseRowSelectRowProps<RunSummary> }
-
 type RunColumn = Column<RunSummary> & UseSortByColumnOptions<RunSummary>
 
 
@@ -134,7 +130,7 @@ export default function RunList() {
             Header: "",
             id: "selection",
             disableSortBy: true,
-            Cell: ({ row }: C) => {
+            Cell: ({ row }: any) => {
                 const props = row.getToggleRowSelectedProps()
                 delete props.indeterminate
                 // Note: to limit selection to 2 entries use
@@ -147,7 +143,7 @@ export default function RunList() {
             Header: "Id",
             id: "id",
             accessor: "id",
-            Cell: (arg: C) => {
+            Cell: (arg:  CellProps<RunSummary>) => {
                 const {
                     cell: { value },
                 } = arg
@@ -168,7 +164,7 @@ export default function RunList() {
             id: "schemas",
             accessor: "schemas",
             disableSortBy: true,
-            Cell: (arg: C) => {
+            Cell: (arg:  CellProps<RunSummary>) => {
                 const {
                     cell: { value },
                 } = arg
@@ -184,13 +180,13 @@ export default function RunList() {
             Header: "Description",
             id: "description",
             accessor: "description",
-            Cell: (arg: C) => Description(arg.cell.value),
+            Cell: (arg:  CellProps<RunSummary>) => Description(arg.cell.value),
         },
         {
             Header: "Executed",
             id: "start",
             accessor: "start",
-            Cell: (arg: C) => ExecutionTime(arg.row.original),
+            Cell: (arg:  CellProps<RunSummary>) => ExecutionTime(arg.row.original),
         },
         {
             Header: "Duration",
@@ -210,7 +206,7 @@ export default function RunList() {
                 owner: row.owner,
                 access: row.access,
             }),
-            Cell: (arg: C) => (
+            Cell: (arg:  CellProps<RunSummary>) => (
                 <>
                     {teamToName(arg.cell.value.owner)}
                     <span style={{ marginLeft: '8px' }}>

horreum-web/src/domain/runs/TestDatasets.tsx

@@ -52,9 +52,6 @@ import {AppContextType} from "../../context/@types/appContextTypes";
 import CustomTable from "../../components/CustomTable"
 import LabelFilter from "../../components/LabelFilter/LabelFilter";
 
-type C = CellProps<DatasetSummary> &
-    UseTableOptions<DatasetSummary> &
-    UseRowSelectInstanceProps<DatasetSummary> & { row: UseRowSelectRowProps<DatasetSummary> }
 
 type DatasetColumn = Column<DatasetSummary> & UseSortByColumnOptions<DatasetSummary>
 
@@ -63,7 +60,7 @@ const staticColumns: DatasetColumn[] = [
         Header: "Data",
         id: "runId",
         accessor: "runId",
-        Cell: (arg: C) => {
+        Cell: (arg: CellProps<DatasetSummary>) => {
             const {
                 cell: { value },
             } = arg
@@ -80,13 +77,13 @@ const staticColumns: DatasetColumn[] = [
     {
         Header: "Description",
         accessor: "description",
-        Cell: (arg: C) => Description(arg.cell.value),
+        Cell: (arg: CellProps<DatasetSummary>) => Description(arg.cell.value),
     },
     {
         Header: "Executed",
         id: "start",
         accessor: "start",
-        Cell: (arg: C) => ExecutionTime(arg.row.original),
+        Cell: (arg: CellProps<DatasetSummary>) => ExecutionTime(arg.row.original),
     },
     {
         Header: "Duration",
@@ -101,7 +98,7 @@ const staticColumns: DatasetColumn[] = [
             owner: row.owner,
             access: row.access,
         }),
-        Cell: (arg: C) => (
+        Cell: (arg: CellProps<DatasetSummary>) => (
             <>
                 {teamToName(arg.cell.value.owner)}
                 <span style={{ marginLeft: '8px' }}>
@@ -165,7 +162,7 @@ export default function TestDatasets() {
                 Header: "",
                 accessor: "id",
                 disableSortBy: true,
-                Cell: (arg: C) => {
+                Cell: (arg: CellProps<DatasetSummary>) => {
                     if (comparedDatasets.some(ds => ds.id === arg.cell.value)) {
                         return (
                             <Button