fix virtual peripherals pointer bug

webpack/css/farm_designer/farm_designer.scss

@@ -236,6 +236,10 @@
   }
 }
 
+.virtual-peripherals {
+  pointer-events: none;
+}
+
 .water-spray {
   &.animate {
     animation-duration: 3s;

webpack/farm_designer/map/virtual_farmbot/bot_peripherals.tsx

@@ -122,7 +122,7 @@ export function BotPeripherals(props: BotPeripheralsProps) {
   const positionQ = getXYFromQuadrant(
     (position.x || 0), (position.y || 0), quadrant, gridSize);
 
-  return <g id={"virtual-peripherals"}>
+  return <g className={"virtual-peripherals"}>
     {peripherals.map((x, i) => {
       if (x.label.toLowerCase().includes("light") && x.value) {
         return lightsFigure({