refactor(FE): Use useSelect to fetch product warehouses

src/components/pages/inventory/movement/form/MovementForm.tsx

@@ -86,13 +86,6 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
     quantity: number;
   }
 
-  // ===== API DATA FETCHING =====
-  const allProductWarehousesUrl = `${ProductWarehouseApi.basePath}`;
-  const { data: allProductWarehouses } = useSWR(
-    allProductWarehousesUrl,
-    ProductWarehouseApi.getAllFetcher
-  );
-
   // ===== USE SELECT HOOKS =====
   const {
     setInputValue: setWarehouseSelectInputValue,
@@ -101,6 +94,14 @@ const MovementForm = ({ type = 'add', initialValues }: MovementFormProps) => {
     rawData: warehouses,
   } = useSelect<Warehouse>(WarehouseApi.basePath, 'id', 'name', 'search');
 
+  const { rawData: allProductWarehouses } = useSelect<ProductWarehouse>(
+    ProductWarehouseApi.basePath,
+    'id',
+    'product.name',
+    'search',
+    { limit: '100' }
+  );
+
   // ===== SELECT INPUT DATA =====
   const {
     setInputValue: setSupplierSelectInputValue,