Fun changes

frontend/src/components/map/Map.tsx

@@ -174,7 +174,22 @@ export default memo(function Map({
   }, [viewState, dimensions, onViewChange]);
 
   const handleMove = useCallback((evt: { viewState: ViewState }) => {
-    setInternalViewState(evt.viewState);
+    setInternalViewState((prev) => {
+      const next = evt.viewState;
+      // Skip re-render when viewport values haven't changed (e.g. container resize
+      // fires move events with identical lat/lng/zoom). Returning the same reference
+      // tells React to bail out.
+      if (
+        prev.latitude === next.latitude &&
+        prev.longitude === next.longitude &&
+        prev.zoom === next.zoom &&
+        prev.pitch === next.pitch &&
+        prev.bearing === next.bearing
+      ) {
+        return prev;
+      }
+      return next;
+    });
   }, []);
 
   const handleFlyTo = useCallback((lat: number, lng: number, zoom: number) => {
@@ -324,6 +339,7 @@ export default memo(function Map({
                     enumValues={
                       colorFeatureMeta.type === 'enum' ? colorFeatureMeta.values : undefined
                     }
+                    featureName={colorFeatureMeta.name}
                     theme={theme}
                     raw={colorFeatureMeta.raw}
                   />