Addd searchInput selector & remove redundant css

src/features/Pokedex/Filters/Filters.css

@@ -27,6 +27,7 @@ html {
   font-size: 12px;
 }
 
+/* TODO: Fix incorrect render of input */
 .filter__items > input {
   width: 10vw;
   margin-top: 5px;

src/features/Pokedex/Filters/Filters.tsx

@@ -58,6 +58,7 @@ const Filters = () => {
   const selectedRegion = useAppSelector(state => state.pokedex.selectedRegion);
   const selectedType = useAppSelector(state => state.pokedex.selectedType);
   const selectedSort = useAppSelector(state => state.pokedex.selectedSort);
+  const searchInput = useAppSelector(state => state.pokedex.searchInput);
 
   const regionPokemonList = useAppSelector(
     state => state.pokedex.regionOptions,
@@ -149,6 +150,7 @@ const Filters = () => {
             <input
               type="text"
               onChange={e => dispatch(setSearchInput(e.target.value))}
+              value={searchInput}
             />
           </div>
         </div>

src/index.css

@@ -23,21 +23,6 @@ code {
     monospace;
 }
 
-.filter__container {
-  display: flex;
-  flex-direction: row;
-  margin: 7vh 0 5vh 0;
-  gap: 0 2vw;
-}
-
-.filter__items {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  font-family: 'barcadebrawl';
-  font-size: 12px;
-}
-
 .pokemon__container {
   display: flex;
   flex-direction: column;