fix(canvas) Correct Pin Outline Positioning (#6595)

- Shift pin outlines up and to the left by 0.5, scaled to the scale.

editor/src/components/canvas/controls/position-outline.tsx

@@ -191,22 +191,27 @@ interface PinOutlineProps {
   scale: number
 }
 
+const PinOutlineUnscaledSize = 1
+
 const PinOutline = React.memo((props: PinOutlineProps): JSX.Element => {
   const colorTheme = useColorTheme()
   const width = props.isHorizontalLine ? props.size : 0
   const height = props.isHorizontalLine ? 0 : props.size
   const borderTop = props.isHorizontalLine
-    ? `${1 / props.scale}px dashed ${colorTheme.primary.value}`
+    ? `${PinOutlineUnscaledSize / props.scale}px dashed ${colorTheme.primary.value}`
     : 'none'
   const borderLeft = props.isHorizontalLine
     ? 'none'
-    : `${1 / props.scale}px dashed ${colorTheme.primary.value}`
+    : `${PinOutlineUnscaledSize / props.scale}px dashed ${colorTheme.primary.value}`
+  const lineLeft = props.startX - PinOutlineUnscaledSize / 2 / props.scale
+  const lineTop = props.startY - PinOutlineUnscaledSize / 2 / props.scale
+
   return (
     <div
       style={{
         position: 'absolute',
-        left: props.startX,
-        top: props.startY,
+        left: lineLeft,
+        top: lineTop,
         width: width,
         height: height,
         borderTop: borderTop,