feat: implement multi-file code editor - WF-100

[madeindjs]

Implement the feature to allow the user to create, update and delete any source file of the application.

The logic flow is:

1. Python backend returns the sourceFiles in the Init request. It's an object representing the tree structure like

   {"type": "directory", "children": {"README.md": {"type": "file", "content": "This app w", "complete": false}}}

2. the frontend stores this and creates a copy of this as sourceFilesDraft
3. different action in the editor will trigger new sockets events I implemented: createSourceFile, deleteSourceFile or renameSourceFile

The main challenge was the synchronization between sourceFiles and sourceFilesDraft. This main logic stands in the composable useSourceFilesDraft.

Quick demo

Screen.Recording.2025-01-14.at.15.30.27.mov