Apply renderOrder to all PivotControls children (#2524)

Author: brentyi

src/web/pivotControls/AxisArrow.tsx

@@ -186,7 +186,7 @@ export const AxisArrow: React.FC<{ direction: THREE.Vector3; axis: 0 | 1 | 2 }>
           color={color_ as any}
           opacity={opacity}
           polygonOffset
-          renderOrder={1}
+          renderOrder={renderOrder}
           polygonOffsetFactor={-10}
           fog={false}
         />

src/web/pivotControls/PlaneSlider.tsx

@@ -48,6 +48,7 @@ export const PlaneSlider: React.FC<{ dir1: THREE.Vector3; dir2: THREE.Vector3; a
     axisColors,
     hoveredColor,
     opacity,
+    renderOrder,
     onDragStart,
     onDrag,
     onDragEnd,
@@ -209,6 +210,7 @@ export const PlaneSlider: React.FC<{ dir1: THREE.Vector3; dir2: THREE.Vector3; a
           onPointerOut={onPointerOut}
           scale={length}
           userData={userData}
+          renderOrder={renderOrder}
         >
           <planeGeometry />
           <meshBasicMaterial
@@ -233,6 +235,7 @@ export const PlaneSlider: React.FC<{ dir1: THREE.Vector3; dir2: THREE.Vector3; a
           polygonOffsetFactor={-10}
           userData={userData}
           fog={false}
+          renderOrder={renderOrder}
         />
       </group>
     </group>