CEC-4955 - Digital twin to show vehicle location instead of vehicle paths (#426)

* CEC-4955 - Digital twin show vehicle location

* fix code smell

src/components/Cars/Status/DigitalTwinTab.jsx

@@ -10,7 +10,7 @@ import {
   VehicleProvider
 } from "../../Contexts/VehicleContext";
 import DigitalTwin from "../../DigitalTwin";
-import VehiclePathsMap from "../../VehiclePathsMap";
+import VehicleMap from "../../VehicleMap";
 import useStyles from "../../useStyles";
 
 const REQUEST_INTERVAL = 10000;
@@ -60,7 +60,7 @@ const Main = (props) => {
           </div>
           <DigitalTwin {...carState} vin={vin} />
           <div style={{ width: '100vh' }}>
-            <VehiclePathsMap vinsToShowOnMapColors={new Map([[vin, 'navy']])} lookbackHours={24} />
+            <VehicleMap vin={vin} />
           </div>
         </>
       )}

src/components/Cars/Status/__snapshots__/DigitalTwinTab.test.jsx.snap

@@ -293,7 +293,17 @@ exports[`DigitalTwinTab Render 1`] = `
                   />
                   <div
                     class="leaflet-pane leaflet-marker-pane"
-                  />
+                  >
+                    <img
+                      alt="Marker"
+                      class="leaflet-marker-icon leaflet-zoom-hide leaflet-interactive"
+                      role="button"
+                      src="gray-marker.png"
+                      style="margin-left: -24px; margin-top: -42px; opacity: 0.9; left: -608px; top: -19px; z-index: -19;"
+                      tabindex="0"
+                      title="TESTVIN1234567890"
+                    />
+                  </div>
                   <div
                     class="leaflet-pane leaflet-tooltip-pane"
                   />