refactor(FE): Standardize search input placeholders to "Search"

src/components/pages/inventory/movement/MovementTable.tsx

@@ -181,7 +181,7 @@ const MovementTable = () => {
         <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
           <DebouncedTextInput
             name='search'
-            placeholder='Cari Movement'
+            placeholder='Search'
             value={tableFilterState.search ?? ''}
             onChange={searchChangeHandler}
             startAdornment={

src/components/pages/inventory/product/InventoryProductTable.tsx

@@ -189,7 +189,7 @@ const InventoryProductTable = () => {
         <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
           <DebouncedTextInput
             name='search'
-            placeholder='Cari Produk'
+            placeholder='Search'
             value={tableFilterState.search ?? ''}
             onChange={searchChangeHandler}
             startAdornment={

src/components/pages/master-data/area/AreasTable.tsx

@@ -233,7 +233,7 @@ const AreasTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Area'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/bank/BanksTable.tsx

@@ -246,7 +246,7 @@ const BanksTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Bank'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/customer/CustomersTable.tsx

@@ -253,7 +253,7 @@ const CustomersTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Customer'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/flock/FlocksTable.tsx

@@ -241,7 +241,7 @@ const FlockTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Flock'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/kandang/KandangsTable.tsx

@@ -366,7 +366,7 @@ const KandangsTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Kandang'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/location/LocationsTable.tsx

@@ -320,7 +320,7 @@ const LocationsTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Location'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/nonstock/NonstocksTable.tsx

@@ -250,7 +250,7 @@ const NonstocksTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Nonstock'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/product-category/ProductCategoryTable.tsx

@@ -247,7 +247,7 @@ const ProductCategoryTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Product Category'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/product/ProductTable.tsx

@@ -372,7 +372,7 @@ const ProductsTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Produk'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/supplier/SupplierTable.tsx

@@ -385,7 +385,7 @@ const SuppliersTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Supplier'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/uom/UomsTable.tsx

@@ -233,7 +233,7 @@ const UomsTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari UOM'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/master-data/warehouse/WarehousesTable.tsx

@@ -395,7 +395,7 @@ const WarehousesTable = () => {
           <div className='flex flex-1 flex-row justify-start sm:justify-end items-center gap-3 flex-wrap'>
             <DebouncedTextInput
               name='search'
-              placeholder='Cari Warehouse'
+              placeholder='Search'
               value={tableFilterState.search ?? ''}
               onChange={searchChangeHandler}
               startAdornment={

src/components/pages/production/recording/RecordingTable.tsx

@@ -44,6 +44,7 @@ import Badge from '@/components/Badge';
 import StatusBadge from '@/components/helper/StatusBadge';
 import CheckboxInput from '@/components/input/CheckboxInput';
 import { useUiStore } from '@/stores/ui/ui.store';
+import { usePathname } from 'next/navigation';
 import { Color } from '@/types/theme';
 import ButtonFilter from '@/components/helper/ButtonFilter';
 
@@ -203,8 +204,8 @@ const RowOptionsMenu = ({
 };
 
 const RecordingTable = () => {
-  const { searchValue, setSearchValue, resetSearchValue } = useUiStore();
+  const { searchValue, setSearchValue, setTableState } = useUiStore();
-  const previousPathRef = useRef<string | null>(null);
+  const pathname = usePathname();
 
   const {
     state: tableFilterState,
@@ -214,7 +215,7 @@ const RecordingTable = () => {
     toQueryString: getTableFilterQueryString,
   } = useTableFilter({
     initial: {
-      search: searchValue,
+      search: '',
       areaFilter: '',
       locationFilter: '',
       kandangFilter: '',
@@ -229,6 +230,10 @@ const RecordingTable = () => {
     },
   });
 
+  useEffect(() => {
+    updateFilter('search', searchValue);
+  }, [searchValue, updateFilter]);
+
   // ===== FILTER MODAL STATE =====
   const filterModal = useModal();
 
@@ -526,23 +531,8 @@ const RecordingTable = () => {
   }, []);
 
   useEffect(() => {
-    previousPathRef.current = window.location.pathname;
+    setTableState('recording-table', pathname);
-
+  }, [pathname]);
-    return () => {
-      const currentPath = window.location.pathname;
-
-      const isCurrentPathRecording = currentPath.includes(
-        '/production/recording'
-      );
-      const isPreviousPathRecording = previousPathRef.current?.includes(
-        '/production/recording'
-      );
-
-      if (isPreviousPathRecording && !isCurrentPathRecording) {
-        resetSearchValue();
-      }
-    };
-  }, [resetSearchValue]);
 
   const searchChangeHandler = useCallback(
     (e: React.ChangeEvent<HTMLInputElement>) => {