feat: implement Pro Editor interface with Sidebar, Live Stats, and Quality Score.

[KGFCH2]

@Mohit-368

This PR introduces a comprehensive modernization of the ReadmeForge editor interface. The goal was to create a high-fidelity "Pro" workspace that centralizes essential tools and provides real-time feedback on document quality.

🛠 Key Changes

1. Quick Actions Sidebar: Added a persistent sidebar for frequent actions (Copy MD, Copy HTML, Download, Print Preview).
2. Interactive Quality Score: Relocated the Quality Score to the sidebar as a collapsible, interactive dashboard with detailed suggestions.
3. Live Metrics: Implemented a real-time word counter and estimated reading time tracker.
4. Vibrant Icon System: Applied a theme-aware, color-coded icon system across the entire UI for better visual hierarchy.
5. Ultra-Compact Layout: Optimized all vertical spacing to create a high-density editor that reduces scrolling.
6. Dark Mode Compatibility: Fixed icon visibility issues in Dark Mode using intelligent CSS filters.

[netlify]

✅ Deploy Preview for makeareadme ready!

Name	Link
🔨 Latest commit	621a3a5
🔍 Latest deploy log	https://app.netlify.com/projects/makeareadme/deploys/69fba487edb2770008ea2001
😎 Deploy Preview	https://deploy-preview-72--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.

[Mohit-368]

@KGFCH2 wait i will review the code and then merege it

[KGFCH2]

@Mohit-368 Did you review the codebase?

[Mohit-368]

@KGFCH2 yes i checked it out, and only one thing i want to say is the ui is just too bad hope u will enhance it