fix: Search bar initial value on Pools/Validators page

src/library/List/SearchInput.tsx

@@ -6,12 +6,14 @@ import { SearchInputWrapper } from '.';
 import type { SearchInputProps } from './types';
 
 export const SearchInput = ({
+  value,
   handleChange,
   placeholder,
 }: SearchInputProps) => (
   <SearchInputWrapper>
     <input
       type="text"
+      value={value}
       className="search"
       placeholder={placeholder}
       onChange={(e: FormEvent<HTMLInputElement>) => handleChange(e)}

src/library/List/types.ts

@@ -22,6 +22,7 @@ export interface PaginationProps {
 }
 
 export interface SearchInputProps {
+  value: string;
   handleChange: (e: FormEvent<HTMLInputElement>) => void;
   placeholder: string;
 }

src/library/PoolList/Default.tsx

@@ -183,6 +183,7 @@ export const PoolList = ({
       <List $flexBasisLarge={allowMoreCols ? '33.33%' : '50%'}>
         {allowSearch && poolsDefault.length > 0 && (
           <SearchInput
+            value={searchTerm ?? ''}
             handleChange={handleSearchChange}
             placeholder={t('search')}
           />

src/library/ValidatorList/index.tsx

@@ -333,6 +333,7 @@ export const ValidatorListInner = ({
       <List $flexBasisLarge={allowMoreCols ? '33.33%' : '50%'}>
         {allowSearch && (
           <SearchInput
+            value={searchTerm ?? ''}
             handleChange={handleSearchChange}
             placeholder={t('searchAddress')}
           />