Implement error handling and visual enhancements in map components

- Introduced MapErrorBoundary component to handle map loading errors gracefully.
- Enhanced MapView with a reconnection status indicator for live updates.
- Added tile freshness animation to indicate updated tiles visually.
- Preloaded marker icon images to improve rendering performance.
- Updated various pages to utilize the new MapErrorBoundary for better user experience.

frontend-nuxt/pages/grid/[map]/[gridX]/[gridY]/[zoom].vue

@@ -1,11 +1,13 @@
 <template>
   <MapPageWrapper>
-    <MapView
-      :map-id="mapId"
-      :grid-x="gridX"
-      :grid-y="gridY"
-      :zoom="zoom"
-    />
+    <MapErrorBoundary>
+      <MapView
+        :map-id="mapId"
+        :grid-x="gridX"
+        :grid-y="gridY"
+        :zoom="zoom"
+      />
+    </MapErrorBoundary>
   </MapPageWrapper>
 </template>