feat: add lodash.debounce for improved fetchData performance in TeamTable

Author: bra-i-am

package-lock.json

@@ -43,6 +43,7 @@
     "@openedx/frontend-plugin-framework": "^1.7.0",
     "@openedx/paragon": "^23.4.5",
     "@tanstack/react-query": "5.89.0",
+    "lodash.debounce": "^4.0.8",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.0.0"

package.json

@@ -1,4 +1,5 @@
 import { useNavigate } from 'react-router-dom';
+import debounce from 'lodash.debounce';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import {
   DataTable, Button, Chip, Skeleton,
@@ -99,7 +100,7 @@ const TeamTable = () => {
       manualPagination
       isSortable
       manualSortBy
-      fetchData={handleFetchData}
+      fetchData={debounce(handleFetchData, 1000)}
       data={rows}
       itemCount={rows?.length}
       additionalColumns={[