update: add OSM back

app/lib/consts.dart

@@ -9,7 +9,7 @@ const String mapEndpoint = "update_map";
 const int fetchInterval = 60; // Fetch marker data every n minutes
 
 // Map variables
-LatLng mapCenter = LatLng(60.7666, 10.8471);
+LatLng mapCenter = LatLng(60.8000, 10.8471);
 DateTime ?lastUpdate; // Last time data was fetched from server
 
 // Font variables

app/lib/widgets/main_layout.dart

@@ -5,6 +5,7 @@ import 'package:google_fonts/google_fonts.dart';
 import 'package:shared_preferences/shared_preferences.dart';
 
 import 'satellite_layer.dart';
+import 'osm_layer.dart';
 import 'stat_charts.dart';
 import '../../consts.dart';
 import 'choropleth_map.dart';
@@ -97,7 +98,22 @@ class _MapContainerWidgetState extends State<MapContainerWidget> {
                       color: Colors.white12,
                     ),
                   ),
-                  SizedBox( // Lake map
+                  SizedBox(
+                    width: screenWidth * boxWidth,
+                    height: screenWidth * boxHeight,
+                    child: Stack(
+                      children: [
+                        OSM(markerList: widget.markerList), // OSM widget as the bottom layer
+                        Positioned.fill(
+                          child: Container(
+                            color: Colors.grey.shade900.withOpacity(0.35), // Grey box with 50% opacity
+                            // Additional content or widgets can be added here
+                          ),
+                        ),
+                      ],
+                    ),
+                  ),
+                  SizedBox( // Color coded lake polygon
                     width: screenWidth * boxWidth,
                     height: screenWidth * boxHeight,
                     child: Padding(