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

@@ -19,9 +19,9 @@ import SliderPopup from 'slimComponents/SliderPopup'
 import { MobileContext } from 'context/mobileContext'
 import { SliderPopupContext } from 'context/sliderPopupContext'
 
-const SLICE_LAT = 0.05
-const SLICE_LANG = 0.55
-
+const SLICE_LAT = 0.005
+const SLICE_LANG = 0.035
+const DEFAULT_ZOOM = 13
 /**
  * Set default Leaflet icon place
  * Not used but is the way to let Leaflet know where
@@ -133,7 +133,13 @@ const MapWrapperData = ({
   }
 
   const onClickPlace = (place: PlaceType) => {
-    map.flyTo([Number(place.lat) + SLICE_LAT, Number(place.lng) + SLICE_LANG])
+    map.flyTo(
+      [
+        Number(place.lat) + (isMobile ? 0 : SLICE_LAT),
+        Number(place.lng) + (isMobile ? 0 : SLICE_LANG)
+      ],
+      DEFAULT_ZOOM
+    )
     onOpenPopup(place)
   }