style: reduce drag handle gap from 8px to 4px

- Brings drag handle closer to text content
- Creates a tighter, more connected visual relationship

🤖 Generated with [Claude Code](https://claude.ai/code)

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

src/lib/components/edra/extensions/drag-handle/index.ts

@@ -338,9 +338,9 @@ export function DragHandlePlugin(options: GlobalDragHandleOptions & { pluginKey:
 					// Get the computed padding of the element to position handle correctly
 					const paddingLeft = parseInt(compStyle.paddingLeft, 10) || 0
 					
-					// Add 8px gap between drag handle and content
+					// Add 4px gap between drag handle and content
 					// Position the handle inside the padding area, close to the text
-					dragHandleElement.style.left = `${rect.left + paddingLeft - rect.width - 8}px`
+					dragHandleElement.style.left = `${rect.left + paddingLeft - rect.width - 4}px`
 					dragHandleElement.style.top = `${rect.top - 4}px` // Offset for padding
 					showDragHandle()
 				},