fix: Add a small safety padding to the map on all the screens

This prevents the route to reach the edges of the map
when it is opened

src/components/Trip/TripMap.jsx

@@ -63,8 +63,16 @@ const TripMap = () => {
   useEffect(() => {
     if (geojsonRef.current) {
       const geojsonL = geojsonRef.current.leafletElement
-      mapL.fitBounds(geojsonL.getBounds(), {
-        paddingBottomRight: [0, mapL.getSize().y * mapPanRatio]
+      const bounds = geojsonL.getBounds()
+      const padding = 16
+      const paddingTopLeft = [padding, padding]
+      const paddingBottomRight = [
+        padding,
+        padding + mapL.getSize().y * mapPanRatio
+      ]
+      mapL.fitBounds(bounds, {
+        paddingTopLeft,
+        paddingBottomRight
       })
     }
   }, [mapL, mapPanRatio])