Re-add dragging support for curved text via Group wrapper

- Wrap TextPath in Group to enable dragging while preserving text on toggle
- Group handles x/y positioning and drag events
- TextPath is non-listening so Group events take priority
- Curved text can now be selected, dragged, and unchecked without losing content

Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>

src/components/DesignCanvas.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { useRef, useState, useEffect, useLayoutEffect, useCallback } from 'react';
-import { Stage, Layer, Text, TextPath, Image as KonvaImage, Transformer, Rect } from 'react-konva';
+import { Stage, Layer, Text, TextPath, Image as KonvaImage, Transformer, Rect, Group } from 'react-konva';
 import type Konva from 'konva';
 import { v4 as uuid } from 'uuid';
 import ProductMockup from './ProductMockup';
@@ -325,21 +325,29 @@ function PrintSurface({
               {elements.map((el) =>
                 el.type === 'text' ? (
                   el.curvedPath ? (
-                    // Curved text path - centered on canvas
+                    // Curved text path wrapped in draggable Group
-                    <TextPath
+                    <Group
                       key={el.id}
                       ref={(node) => {
                         if (node) nodeRefs.current.set(el.id, node);
                       }}
-                      data={generateCurvePath(el.curvedPath.type, el.curvedPath.radius, el.curvedPath.reverse)}
+                      x={el.x}
-                      text={el.text}
+                      y={el.y}
-                      fontFamily={el.fontFamily}
+                      draggable
-                      fontSize={el.fontSize}
-                      fill={el.fill}
                       listening={true}
                       onClick={() => setSelectedId(el.id)}
                       onTap={() => setSelectedId(el.id)}
-                    />
+                      onDragEnd={(e) => updateElement(el.id, { x: e.target.x(), y: e.target.y() })}
+                    >
+                      <TextPath
+                        data={generateCurvePath(el.curvedPath.type, el.curvedPath.radius, el.curvedPath.reverse)}
+                        text={el.text}
+                        fontFamily={el.fontFamily}
+                        fontSize={el.fontSize}
+                        fill={el.fill}
+                        listening={false}
+                      />
+                    </Group>
                   ) : (
                     // Regular straight text
                     <Text