feat(map): add five-source drainage styling

features/workbench/map/camera.ts

@@ -9,7 +9,8 @@ export type NetworkViewParams = {
 };
 
 const WEB_MERCATOR_RADIUS = 6378137;
-const NO_PADDING: PaddingOptions = { top: 0, right: 0, bottom: 0, left: 0 };
+const GLOBAL_VIEW_MAX_ZOOM = 12;
+const GLOBAL_VIEW_PADDING: PaddingOptions = { top: 48, right: 48, bottom: 48, left: 48 };
 
 export function getWorkbenchPadding(leftPanelOpen: boolean, rightPanelOpen: boolean): PaddingOptions {
   return {
@@ -31,11 +32,15 @@ export function getResponsiveWorkbenchPadding(
 export function fitNetworkBounds(
   map: MapLibreMap,
   viewParams: NetworkViewParams = WATER_NETWORK_GLOBAL_VIEW,
-  padding: PaddingOptions = NO_PADDING
+  padding: PaddingOptions = GLOBAL_VIEW_PADDING
 ) {
   map.fitBounds(
     getLngLatBoundsFromBbox3857(viewParams.bbox3857),
-    { padding: getResponsivePadding(map, padding), duration: 600 }
+    {
+      padding: getResponsivePadding(map, padding),
+      maxZoom: GLOBAL_VIEW_MAX_ZOOM,
+      duration: 600
+    }
   );
 }