Topic search issue (when pagination enabled)
**Describe the bug**

Go to Topics -> select page 2 -> insert any topic name in search string (to filter only 1 topic) -> table will be empty.
This is because after search we still passing page=2 query param -> we need to set 'page' query param to 1 after search criteria edit

**Set up**
(How do you run the app?)


**Steps to Reproduce**
Steps to reproduce the behavior:

see desc

**Expected behavior**
(A clear and concise description of what you expected to happen)

**Screenshots**
(If applicable, add screenshots to help explain your problem)


**Additional context**
(Add any other context about the problem here
<img width="768" alt="Screenshot 2021-10-31 at 17 38 00" src="https://user-images.githubusercontent.com/702205/139588763-9d41e6b1-70ef-4d6b-a58c-809c75bd8884.png">
)

kafka-ui-react-app/src/components/Topics/List/List.tsx kafka-ui-react-app/src/components/Topics/List/__tests__/__snapshots__/List.spec.tsx.snap
kafka-ui-react-app/src/components/Topics/List/List.tsx kafka-ui-react-app/src/components/Topics/List/__tests__/__snapshots__/List.spec.tsx.snap
diff --git a/kafka-ui-react-app/src/components/Topics/List/List.tsx b/kafka-ui-react-app/src/components/Topics/List/List.tsx
index 4ba1c0e8160..4fcd0285fb1 100644
--- a/kafka-ui-react-app/src/components/Topics/List/List.tsx
+++ b/kafka-ui-react-app/src/components/Topics/List/List.tsx
@@ -121,6 +121,13 @@ const List: React.FC<TopicsListProps> = ({
     closeConfirmationModal();
     clearSelectedTopics();
   }, [clusterName, selectedTopics]);
+  const searchHandler = React.useCallback(
+    (searchString: string) => {
+      setTopicsSearch(searchString);
+      history.push(`${pathname}?page=1&perPage=${perPage || PER_PAGE}`);
+    },
+    [search, pathname, perPage]
+  );
 
   return (
     <div className="section">
@@ -142,7 +149,7 @@ const List: React.FC<TopicsListProps> = ({
           </div>
           <div className="column">
             <Search
-              handleSearch={setTopicsSearch}
+              handleSearch={searchHandler}
               placeholder="Search by Topic Name"
               value={search}
             />
diff --git a/kafka-ui-react-app/src/components/Topics/List/__tests__/__snapshots__/List.spec.tsx.snap b/kafka-ui-react-app/src/components/Topics/List/__tests__/__snapshots__/List.spec.tsx.snap
index 59f2f1930e3..d2bb3c690a2 100644
--- a/kafka-ui-react-app/src/components/Topics/List/__tests__/__snapshots__/List.spec.tsx.snap
+++ b/kafka-ui-react-app/src/components/Topics/List/__tests__/__snapshots__/List.spec.tsx.snap
@@ -111,7 +111,7 @@ exports[`List when it does not have readonly flag matches the snapshot 1`] = `
               className="column"
             >
               <Search
-                handleSearch={[MockFunction]}
+                handleSearch={[Function]}
                 placeholder="Search by Topic Name"
                 value=""
               >
