Separate and add deps to FilterSidebarExtendedSearch hooks

The original hook generated a lint warning for the missing dependencies. Using a
single hook resulted in repeat fetches so we split out a separate hook for each
distinct fetch.

src/app/src/components/FilterSidebarExtendedSearch.jsx

@@ -148,19 +148,25 @@ function FilterSidebarExtendedSearch({
         if (!contributorTypeOptions.length) {
             fetchContributorTypes();
         }
+    }, [contributorTypeOptions, fetchContributorTypes]);
 
+    useEffect(() => {
         if (!facilityProcessingTypeOptions.length) {
             fetchFacilityProcessingType();
         }
+    }, [facilityProcessingTypeOptions, fetchFacilityProcessingType]);
 
+    useEffect(() => {
         if (!productTypeOptions.length) {
             fetchProductType();
         }
+    }, [productTypeOptions, fetchProductType]);
 
+    useEffect(() => {
         if (!numberOfWorkersOptions.length) {
             fetchNumberOfWorkers();
         }
-    }, []);
+    }, [numberOfWorkersOptions, fetchNumberOfWorkers]);
 
     if (fetchingExtendedOptions) {
         return (