Merge branch '272-right-panel-of-plugins-covers-the-legend-panel' into 'development'

Resolve "Right panel of plugins covers the legend panel"

Closes #272

See merge request !210

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

@@ -41,8 +41,6 @@ export const SearchBar = (): JSX.Element => {
 
   const clearSearchValueFromClearedState = useCallback((): void => {
     if (searchValueState.length === ONE && searchValueState[ZERO] === '') {
-      // eslint-disable-next-line no-console
-      console.log('x');
       setSearchValue('');
     }
   }, [searchValueState]);

src/components/Map/Legend/Legend.component.tsx

@@ -19,7 +19,7 @@ export const Legend: React.FC = () => {
   return (
     <div
       className={twMerge(
-        'absolute bottom-0 left-[88px] z-10 w-[calc(100%-88px)] -translate-y-[-100%] transform border border-divide bg-white-pearl text-font-500 transition-all duration-500',
+        'absolute bottom-0 left-[88px] z-30 w-[calc(100%-88px)] -translate-y-[-100%] transform border border-divide bg-white-pearl text-font-500 transition-all duration-500',
         isOpen && 'translate-y-0',
       )}
       role={LEGEND_ROLE}