feat: comprehensive control panel UI improvements

- Fix version information display with actual Markitect version
- Implement auto-resize functionality with double-click on resize dot
- Add viewport repositioning to keep panels visible during auto-resize
- Reduce title bar height by 25% for more compact appearance
- Remove duplicate content titles below titlebars across all panels
- Optimize scrollbar positioning to right border with proper spacing
- Reposition resize dot to optimal corner location (bottom: 0px, right: -4px)
- Set default panel height to 1/3 of window height
- Fix Debug panel title formatting consistency
- Remove duplicate initialization warnings
- Clean up panel layout with proper margin management (10px bottom margin)

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

testdrive-jsui/static/js/controls/debug-control.js

@@ -167,10 +167,13 @@ class DebugControl extends ControlBase {
                     'Not available'
             };
 
+            // Get Markitect version from config or default
+            const markitectVersion = window.markitectConfig?.version || 'Unknown';
+
             return `
                 <div class="system-info" style="margin-bottom: 1rem; padding: 0.5rem; background: #f8f9fa; border-radius: 3px; font-size: 0.7rem;">
-                    <strong>System Information:</strong><br>
-                    <div style="margin-top: 0.3rem; line-height: 1.3;">
+                    <div style="line-height: 1.3;">
+                        <div><strong>Markitect:</strong> ${markitectVersion}</div>
                         <div><strong>Viewport:</strong> ${systemInfo.viewport}</div>
                         <div><strong>Screen:</strong> ${systemInfo.screen}</div>
                         <div><strong>Memory:</strong> ${systemInfo.memory}</div>