update search filter

- add debounce
- set default value page to 1 each time search

src/pages/master/aldeias/blocks/ListToolbar.tsx

@@ -6,7 +6,9 @@ import React, { useEffect, useState } from 'react';
 const ListToolbar = () => {
   const { table, reload } = useDataGrid();
   const { handleAddDialog, handleSearchDialog } = useManageAldeiasContext();
-  const [searchValue, setSearchValue] = useState<string>((table.getColumn('name')?.getFilterValue() as string) ?? '');
+  const [searchValue, setSearchValue] = useState<string>(
+    (table.getColumn('name')?.getFilterValue() as string) ?? ''
+  );
 
   const handleKeyDown = (event: React.KeyboardEvent) => {
     if (event.key === 'Enter') {
@@ -14,18 +16,20 @@ const ListToolbar = () => {
     }
   };
 
-    useEffect(() => {
-      const timer = setTimeout(() => {
-        table.getColumn('name')?.setFilterValue(searchValue);
-      }, 200);
-  
-      return () => clearTimeout(timer);
-    }, [searchValue, table]);
   const handleSearch = () => {
     table.getColumn('name')?.setFilterValue(searchValue);
     table.setPageIndex(0);
   };
 
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      table.getColumn('name')?.setFilterValue(searchValue);
+      table.setPageIndex(0);
+    }, 200);
+
+    return () => clearTimeout(timer);
+  }, [searchValue, table]);
+
   return (
     <div className="card-header flex-wrap gap-2 border-b-0 px-5">
       <div className="flex flex-wrap gap-2 lg:gap-5 w-full">
@@ -35,7 +39,7 @@ const ListToolbar = () => {
               <KeenIcon icon="magnifier" />
               <input
                 type="text"
-                placeholder="Search Transaction Type"
+                placeholder="Search"
                 value={searchValue}
                 onChange={(event) => setSearchValue(event.target.value)}
               />