Use more performant extended row model

Author: kraenhansen

packages/compass-components/src/components/leafygreen.tsx

@@ -49,6 +49,7 @@ import {
   TableBody,
   flexRender,
   useLeafyGreenTable,
+  getExpandedRowModel,
   getFilteredRowModel,
 } from '@leafygreen-ui/table';
 import type { Row as LgTableRowType } from '@tanstack/table-core'; // TODO(COMPASS-8437): import from LG
@@ -169,6 +170,7 @@ export {
   InfoSprinkle,
   flexRender,
   useLeafyGreenTable,
+  getExpandedRowModel,
   getFilteredRowModel,
   type LgTableRowType,
   Combobox,

packages/compass-global-writes/src/components/shard-zones-table.tsx

@@ -15,6 +15,7 @@ import {
   type HeaderGroup,
   SearchInput,
   type LGTableDataType,
+  getExpandedRowModel,
   getFilteredRowModel,
   type LgTableRowType,
 } from '@mongodb-js/compass-components';
@@ -105,6 +106,7 @@ export function ShardZonesTable({
     onExpandedChange: setExpanded,
     enableGlobalFilter: true,
     getFilteredRowModel: getFilteredRowModel(),
+    getExpandedRowModel: getExpandedRowModel(),
     getIsRowExpanded: (row) => {
       return (
         (searchText && hasFilteredChildren(row)) ||