feat: new lateral popup design

• new desktop lateral popup design
• mobile version
• adapted renderers to interact with new elements

src/components/Map/MapWrapperData/index.tsx

@@ -60,9 +60,7 @@ const MapWrapperData = ({
   const {
     state: { isMobile }
   } = useContext(MobileContext)
-  const {
-    state: { isOpen }
-  } = useContext(SliderPopupContext)
+  const { state } = useContext(SliderPopupContext)
 
   const findPlace = (arrPlace: PlaceType, placeId: string): Promise<boolean> =>
     new Promise((res) => res(placeId === arrPlace.slug))
@@ -162,8 +160,8 @@ const MapWrapperData = ({
       {!controls.filter && <Filter open={open} setOpen={setOpen} />}
       {!controls.suggestPlace && <SuggestPlace />}
 
-      {(!isOpen || !isMobile) && <Fullscreen position={position} />}
-      {(!isOpen || !isMobile) && <ZoomControl position={position} />}
+      {(!state?.isOpen || !isMobile) && <Fullscreen position={position} />}
+      {(!state?.isOpen || !isMobile) && <ZoomControl position={position} />}
 
       {/* The places. These are the places in the map */}
       <MarkerClusterGroup