[NSoC'26] Add resizable split view handle (#18)

[Priyanka0205-CSE]

Feature: Resizable Split View

This PR implements a draggable resize handle between the editor and preview panels.

What’s added

• Vertical draggable divider between editor and preview
• Real-time resizing while dragging
• Minimum width constraint (20% for both panels)
• Split ratio persistence using localStorage
• Support for both mouse and touch events
• Smooth UI interaction with hover effects

Technical Details

• Added divider element in index.html
• Styled resize handle in readmeforge.css
• Implemented drag logic and event handling in readmeforge.js
• Ensured no layout breaking and clean integration

Acceptance Criteria

• Divider visible between panels
• Dragging resizes panels in real time
• Minimum width enforced
• Split ratio saved in localStorage
• Works on touch devices
• No console errors

[netlify]

✅ Deploy Preview for makeareadme ready!

Name	Link
🔨 Latest commit	9412d97
🔍 Latest deploy log	https://app.netlify.com/projects/makeareadme/deploys/69f8bcb37d1796000702c37f
😎 Deploy Preview	https://deploy-preview-68--makeareadme.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

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