adding handle debounce on some sub modules in master data

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

@@ -1,24 +1,21 @@
 import { DefaultTooltip, KeenIcon, useDataGrid } from '@/components';
 import { useManageProfessionContext } from '../hooks/useManageProfessionContext';
 import { Button } from '@/components/ui/button';
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 import { set } from 'date-fns';
 
 const ListToolbar = () => {
   const { reload, table } = useDataGrid();
   const { handleAddDialog } = useManageProfessionContext();
-  const [searchProfession, setSearchProfession]= useState('');
+  const [searchValue, setSearchValue] = useState<string>((table.getColumn('name')?.getFilterValue() as string) ?? '');
 
-  const handleKeyDown = (event: React.KeyboardEvent) =>{
-    if(event.key==='Enter'){
-      handleSearch();
-    }
-  }
-
-  const handleSearch = () =>{
-    table.getColumn('name')?.setFilterValue(searchProfession);
-    table.setPageIndex(0);
-  }
+    useEffect(() => {
+      const timer = setTimeout(() => {
+        table.getColumn('name')?.setFilterValue(searchValue);
+      }, 200);
+  
+      return () => clearTimeout(timer);
+    }, [searchValue, table]);
 
 
 
@@ -32,19 +29,12 @@ const ListToolbar = () => {
               <KeenIcon icon="magnifier" />
               <input
                 type="text"
-                placeholder="Search Profession"
-                value={searchProfession}
-                onChange={(event) =>
-                  setSearchProfession(event.target.value)
-                }
-                onKeyDown={handleKeyDown}
+                placeholder="Search Transaction Type"
+                value={searchValue}
+                onChange={(event) => setSearchValue(event.target.value)}
               />
             </label>
-            <DefaultTooltip title={'Search'} placement={'top'}>
-            <Button variant="outline" className="h-7.5" onClick={handleSearch}>
-                <KeenIcon icon="magnifier" />
-              </Button>
-            </DefaultTooltip>
+
             {/* <DefaultTooltip title={'Filter'} placement={'top'}>
               <Button
                 variant="outline"