fix(search): update Algolia search on language change (#4808)

Co-authored-by: Harsh Gupta <harsh16official@gmail.com>
Co-authored-by: Prince Rajpoot <prince.rajpoot.20@gmail.com>

Author: Harsh16gupta

components/AlgoliaSearch.tsx

@@ -283,7 +283,6 @@ export default function AlgoliaSearch({ children }: { children: React.ReactNode
  */
 export function SearchButton({ children, indexName = INDEX_NAME, ...props }: ISearchButtonProps) {
   const { onOpen, onInput } = useContext(SearchContext);
-  const [Children, setChildren] = useState<string | React.ReactNode>('');
   const searchButtonRef = useRef<HTMLButtonElement>(null);
   const actionKey = getActionKey();
 
@@ -309,13 +308,7 @@ export function SearchButton({ children, indexName = INDEX_NAME, ...props }: ISe
     };
   }, [onInput, searchButtonRef]);
 
-  useEffect(() => {
-    if (typeof children === 'function') {
-      setChildren(children({ actionKey }));
-    } else {
-      setChildren(children);
-    }
-  }, []);
+  const childContent = typeof children === 'function' ? children({ actionKey }) : children;
 
   return (
     <button
@@ -327,7 +320,7 @@ export function SearchButton({ children, indexName = INDEX_NAME, ...props }: ISe
       {...props}
       data-testid='Search-Button'
     >
-      {Children}
+      {childContent}
     </button>
   );
 }