feat: add category pins rendering and global search input

This PR is based on !62 (merged). Remember that if !62 (merged) is not yet merged

Objective:

This PR utilises new API to fetch full bioEntity data and then render it as pins on the map. For the valid UX, changes in the search logic has been made.

What has been done:

• fetching chemicals/drugs data via new API, changed the structure
• fixed tests for new data structure
• added global search input (see !62 (merged) - Important info)
• implemented rendering of chemicals/drugs data
• added new clear actions on map click (there's identical behavior in the original app)

Additionally:

• this PR closes bug MIN-143

BREAKING CHANGES:

• search input data is now stored in Redux store
• target data structure is now different (it's replaced by bioEntity instance)

src/components/FunctionalArea/TopBar/SearchBar/SearchBar.component.tsx

@@ -8,26 +8,18 @@ import {
 } from '@/redux/search/search.selectors';
 import { getSearchData } from '@/redux/search/search.thunks';
 import Image from 'next/image';
-import { ChangeEvent, KeyboardEvent, useEffect, useState } from 'react';
+import { ChangeEvent, KeyboardEvent, useState } from 'react';
 import { useSelector } from 'react-redux';
-import { useRouter } from 'next/router';
 import { getDefaultSearchTab, getSearchValuesArrayAndTrimToSeven } from './SearchBar.utils';
 
 const ENTER_KEY_CODE = 'Enter';
 
 export const SearchBar = (): JSX.Element => {
+  const [searchValue, setSearchValue] = useState<string>('');
   const isPendingSearchStatus = useSelector(isPendingSearchStatusSelector);
   const isDrawerOpen = useSelector(isDrawerOpenSelector);
   const isPerfectMatch = useSelector(perfectMatchSelector);
-  const [searchValue, setSearchValue] = useState<string>('');
   const dispatch = useAppDispatch();
-  const { query } = useRouter();
-
-  useEffect(() => {
-    if (!searchValue && query.searchValue) {
-      setSearchValue(String(query.searchValue));
-    }
-  }, [searchValue, query]);
 
   const openSearchDrawerIfClosed = (defaultSearchTab: string): void => {
     if (!isDrawerOpen) {
@@ -35,8 +27,9 @@ export const SearchBar = (): JSX.Element => {
     }
   };
 
-  const onSearchChange = (event: ChangeEvent<HTMLInputElement>): void =>
+  const onSearchChange = (event: ChangeEvent<HTMLInputElement>): void => {
     setSearchValue(event.target.value);
+  };
 
   const onSearchClick = (): void => {
     const searchValues = getSearchValuesArrayAndTrimToSeven(searchValue);