Consumer search criteria not cleared/used when navigating to another consumer - fixed

The search text will be cleared when switched to different cluster's consumers

Author: jithishkumarg

frontend/src/components/common/Search/Search.tsx

@@ -32,10 +32,11 @@ const Search: React.FC<SearchProps> = ({
   const ref = useRef<ComponentRef<'input'>>(null);
 
   useEffect(() => {
-    if (ref.current !== null && value) {
-      ref.current.value = value;
+    const qParam = searchParams.get('q') || '';
+    if (ref.current !== null) {
+      ref.current.value = qParam;
     }
-  }, [value]);
+  }, [searchParams]);
 
   const handleChange = useDebouncedCallback((e) => {
     if (ref.current != null) {