fix(dashboard): prevent resize handle overlap and clipping

- Change .rpg-widget overflow from hidden to visible to prevent handle clipping
- Reduce horizontal handle offset from -6px to -3px to prevent overlap
- Keep vertical offset at -6px (adequate gap between rows)
- Handles now have 6px clearance when widgets are side-by-side (12px gap - 3px - 3px)

src/systems/dashboard/resizeHandler.js

@@ -183,10 +183,12 @@ export class ResizeHandler {
             handle.style.zIndex = '100';
 
             // Position handles
+            // Vertical: -6px offset (adequate gap between rows)
             if (handleType.includes('n')) handle.style.top = '-6px';
             if (handleType.includes('s')) handle.style.bottom = '-6px';
-            if (handleType.includes('w')) handle.style.left = '-6px';
-            if (handleType.includes('e')) handle.style.right = '-6px';
+            // Horizontal: -3px offset (prevent overlap when widgets are side-by-side)
+            if (handleType.includes('w')) handle.style.left = '-3px';
+            if (handleType.includes('e')) handle.style.right = '-3px';
 
             // Center edge handles
             if (handleType === 'n' || handleType === 's') {

style.css

@@ -1189,7 +1189,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
 /* Base widget container - ensures content stays within bounds */
 .rpg-widget {
     box-sizing: border-box;
-    overflow: hidden;
+    overflow: visible; /* Allow resize handles to extend beyond widget bounds */
     display: flex;
     flex-direction: column;