chore: avoid render-phase state update in Resizable

[Varadraj75]

Description

This PR fixes a React render-phase state update in the Modelina Playground.
Previously, layout state was updated inside useTransform, which runs during render and caused React warnings. The state update has been moved to the drag handler, ensuring rendering remains side-effect free and StrictMode-safe.

Related Issue

Fixes #2409

Checklist

• The code follows the project's coding standards and is properly linted (npm run lint).
• Tests have been added or updated to cover the changes.
• Documentation has been updated to reflect the changes.
• All tests pass successfully locally.(npm run test).

Additional Notes

This change does not alter runtime behavior. It only removes a render-phase side effect that triggered React warnings during development and StrictMode.

[netlify]

✅ Deploy Preview for modelina ready!

Name	Link
🔨 Latest commit	7a94b7b
🔍 Latest deploy log	https://app.netlify.com/projects/modelina/deploys/696cc2cb470bfe00089c861e
😎 Deploy Preview	https://deploy-preview-2410--modelina.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[Copilot]

Pull request overview

This PR addresses a React render-phase state update warning by moving a dispatch call from inside useTransform (which runs during render) to an onDrag event handler. The goal is to eliminate React StrictMode warnings and follow React best practices by keeping renders side-effect free.

Changes:

• Simplified useTransform to only calculate width, removing the state dispatch
• Added onDrag handler to the draggable separator to dispatch state updates during drag events
• Updated useEffect dependency array to include state.editorSize and dragableX
• Minor indentation fixes

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[sonarqubecloud]

Please retry analysis of this Pull-Request directly on SonarQube Cloud

[coveralls]

Pull Request Test Coverage Report for Build 21110926242

Details

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 91.026%

---

Totals
Change from base Build 20639689786:	0.0%
Covered Lines:	6943
Relevant Lines:	7420

---

💛 - Coveralls

[jonaslagoni]

@all-contributors please add @Varadraj75 for code

[allcontributors]

@jonaslagoni

I've put up a pull request to add @Varadraj75! 🎉