feat: Implement full-screen map view and enhance project navigation

src/app/globals.css

@@ -58,3 +58,39 @@ body {
 .animate-fade-in {
 	animation: fadeIn 0.3s ease-out;
 }
+
+/* Full-screen map styles */
+.map-fullscreen-container {
+	position: fixed;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	overflow: hidden;
+	z-index: 50;
+}
+
+/* Ensure map takes full container */
+.leaflet-container {
+	height: 100% !important;
+	width: 100% !important;
+}
+
+/* Override any margin/padding that might cause scrollbars */
+.map-page {
+	margin: 0 !important;
+	padding: 0 !important;
+	overflow: hidden !important;
+}
+
+/* Ensure floating panels are above map controls */
+.map-floating-panel {
+	z-index: 1000 !important;
+	backdrop-filter: blur(8px);
+	-webkit-backdrop-filter: blur(8px);
+}
+
+/* Map controls positioning */
+.leaflet-control-container .leaflet-top.leaflet-right {
+	top: 80px !important; /* Account for floating header */
+}