refactor(data-table): do not overwrite cells property

#667

src/DataTable/DataTable.svelte

@@ -195,14 +195,18 @@
   $: if (radio || batchSelection) selectable = true;
   $: tableSortable.set(sortable);
   $: headerKeys = headers.map(({ key }) => key);
-  $: $tableRows = rows.map((row) => ({
+  $: tableCellsByRowId = rows.reduce(
-    ...row,
+    (rows, row) => ({
-    cells: headerKeys.map((key, index) => ({
+      ...rows,
-      key,
+      [row.id]: headerKeys.map((key, index) => ({
-      value: resolvePath(row, key),
+        key,
-      display: headers[index].display,
+        value: resolvePath(row, key),
-    })),
+        display: headers[index].display,
-  }));
+      })),
+    }),
+    {}
+  );
+  $: $tableRows = rows;
   $: sortedRows = [...$tableRows];
   $: ascending = $sortHeader.sortDirection === "ascending";
   $: sortKey = $sortHeader.key;
@@ -464,7 +468,7 @@
               {/if}
             </td>
           {/if}
-          {#each row.cells as cell, j (cell.key)}
+          {#each tableCellsByRowId[row.id] as cell, j (cell.key)}
             {#if headers[j].empty}
               <td class:bx--table-column-menu="{headers[j].columnMenu}">
                 <slot

src/DataTable/ToolbarSearch.svelte

@@ -50,7 +50,7 @@
       if (shouldFilterRows === true) {
         rows = rows.filter((row) => {
           return Object.entries(row)
-            .filter(([key]) => !["cells", "id"].includes(key))
+            .filter(([key]) => key !== "id")
             .some(([key, _value]) => {
               if (typeof _value === "string" || typeof _value === "number") {
                 return (_value + "")