✨ [TC-2401] Search Page - input search should watch table input search filter (guacsec#452)

Signed-off-by: Carlos Feria <2582866+carlosthe19916@users.noreply.github.com>

Author: carlosthe19916

client/src/app/pages/search/components/SearchMenu.tsx

@@ -163,14 +163,17 @@ export const SearchMenu: React.FC<ISearchMenu> = ({ onChangeSearch }) => {
   // Search value initial value
   const { tableControls: sbomTableControls } =
     React.useContext(SbomSearchContext);
-  const initialSearchValue =
-    sbomTableControls.filterState.filterValues[FILTER_TEXT_CATEGORY_KEY]?.[0] ||
-    "";
 
   // Search value
-  const [searchValue, setSearchValue] = React.useState(initialSearchValue);
+  const [searchValue, setSearchValue] = React.useState("");
   const [isSearchValueDirty, setIsSearchValueDirty] = React.useState(false);
 
+  React.useEffect(() => {
+    const searchValueFromTableControls =
+      sbomTableControls.filterState.filterValues[FILTER_TEXT_CATEGORY_KEY]?.[0];
+    setSearchValue(searchValueFromTableControls ?? "");
+  }, [sbomTableControls.filterState]);
+
   // Debounce Search value
   const [debouncedSearchValue, setDebouncedSearchValue] = useDebounceValue(
     searchValue,