fix: draw goal vectors under agents but above paths (#45)

Author: JustinShetty

package.json

@@ -1,7 +1,7 @@
 {
   "name": "mapf-visualizer",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/PixiApp.tsx

@@ -278,6 +278,12 @@ const PixiApp = forwardRef(({
             agentPathsRef.current.partial.addChild(new PIXI.Container());
         });
 
+        // Goal vectors
+        const goalVectors = viewport.addChild(goalVectorsRef.current);
+        solution[solution.length - 1].forEach(() => {
+            goalVectors.addChild(new PIXI.Graphics());
+        });
+
         // Agents
         const agents = viewport.addChild(new PIXI.Container());
         agentsRef.current = agents;
@@ -310,12 +316,6 @@ const PixiApp = forwardRef(({
             idText.x = -idText.width / 2;
             idText.y = -idText.height / 2;
         });
-
-        // Goal vectors
-        const goalVectors = viewport.addChild(goalVectorsRef.current);
-        solution[solution.length - 1].forEach(() => {
-            goalVectors.addChild(new PIXI.Graphics());
-        });
 
         const animate = () => {
             if(timestepTextRef.current) {