Upgrades to corner radius handler to appear on four sides in rectangle

[ramu-narasinga]

This PR has the following changes:

1. Corner handles appear on four sides
2. Drag direction to alter corner radius is consistent across four corners, inwards drag increases the corner radius and outwards drag decreases the corner radius.
3. There is a maximum radii set to Math.min(node.height, node.width)/2, cross references the Figma and also got the hint from one of the comments

Related issue - #222

Videos recording demonstrating this fix:

Screen.Recording.2025-01-13.at.18.48.39.mov

Screen.Recording.2025-01-13.at.18.50.43.mov

[codesandbox]

Review or Edit in CodeSandbox

Open the branch in Web Editor • VS Code • Insiders

Open Preview

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 13, 2025 7:06pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
sites	⬜️ Ignored (Inspect)	Visit Preview		Jan 13, 2025 7:06pm

[vercel]

Someone is attempting to deploy a commit to the Grida Team on Vercel.

A member of the Team first needs to authorize it.

[softmarshmallow]

Issue remaining - corner radius control points positioning

Screen.Recording.2025-01-14.at.5.21.50.PM.mov

Hi. @ramu-narasinga this indeed was a existing problem, but if you see a quick solution to this behaviour, it be nice to include in this pr.

Or we can first merge, then fix with new issue. Up to you !

P.s no unnecessary code mods, PR itself if clean and beautiful.

[ramu-narasinga]

@softmarshmallow Good catch there. Since this issue is still related to corner radius, I would include this fix in this same pr.