Always render the selected route on map

Always display the selected route if it's not in the displayedRouteIds
Previously this would lead to newly created route not being visible until the user starts editing the route

Author: patricvincit

ui/src/components/map/routes/Routes.tsx

@@ -29,6 +29,10 @@ const RoutesImpl: ForwardRefRenderFunction<RouteEditorRef, RoutesProps> = (
   const hasDraftRouteGeometry = useAppSelector(selectHasDraftRouteGeometry);
   const { drawingMode } = useAppSelector(selectMapRouteEditor);
 
+  const renderedRouteIds = selectedRouteId
+    ? Array.from(new Set([...displayedRouteIds, selectedRouteId]))
+    : displayedRouteIds;
+
   return (
     <>
       <EditRouteMetadataLayer />
@@ -44,7 +48,7 @@ const RoutesImpl: ForwardRefRenderFunction<RouteEditorRef, RoutesProps> = (
         paint={{}}
       />
       {showRoute &&
-        displayedRouteIds.map((item) => (
+        renderedRouteIds.map((item) => (
           <ExistingRouteGeometryLayer
             key={item}
             routeId={item}