Refine map tile updates and enhance performance

- Updated tile freshness animation to reduce flicker and improve visual clarity.
- Modified MapView component to optimize layer visibility handling and ensure proper map resizing on fullscreen toggle.
- Increased tile buffer size in map initialization for better tile loading efficiency.
- Implemented logic to limit tile updates to only visible tiles, enhancing rendering performance during map updates.

frontend-nuxt/composables/useMapInit.ts

@@ -72,7 +72,7 @@ export async function initLeafletMap(
     zoomReverse: true,
     tileSize: TileSize,
     updateWhenIdle: true,
-    keepBuffer: 2,
+    keepBuffer: 4,
   })
   layer.map = initialMapId
   layer.invalidTile =
@@ -88,7 +88,7 @@ export async function initLeafletMap(
     tileSize: TileSize,
     opacity: 0.5,
     updateWhenIdle: true,
-    keepBuffer: 2,
+    keepBuffer: 4,
   })
   overlayLayer.map = -1
   overlayLayer.invalidTile =