Clear searchText when modal is closed

apps/app/src/features/search/client/components/SearchModal.tsx

@@ -1,5 +1,5 @@
 import React, {
-  useState, useCallback,
+  useState, useCallback, useEffect,
 } from 'react';
 
 import { Modal, ModalBody } from 'reactstrap';
@@ -22,6 +22,12 @@ const SearchModal = (): JSX.Element => {
     setSearchText('');
   }, []);
 
+  useEffect(() => {
+    if (!searchModalData?.isOpened) {
+      setSearchText('');
+    }
+  }, [searchModalData?.isOpened]);
+
   return (
     <Modal size="lg" isOpen={searchModalData?.isOpened ?? false} toggle={closeSearchModal}>
       <ModalBody>