Feature Request: Tree Navigation for Project Folders

Description:

I'd love to see a tree navigation panel added to the left side of the editor, similar to what's available in VS Code. This panel would display the current project folder in a tree-like structure.

Reasoning:

Currently, the editor offers only a flat file structure when pressing Ctrl-P. While this works for smaller projects, as the number of files and folders increases, navigation can become cumbersome and messy. A tree structure would greatly enhance the navigation experience, making it easier for users to understand their project's structure and locate specific files.

Features:

Toggleable Panel: The tree navigation panel should be toggleable, allowing users to hide or show it as needed. This ensures that those who prefer the minimalist view can still have it, while others can benefit from the tree structure.
Interactive Tree: Users should be able to click on folders to expand or collapse them, revealing or hiding their contents.

File Operation Capabilities:

Create: Allow users to initiate a new file or folder directly from the tree navigation panel.
Open: By clicking on a file in the tree, it should be loaded into the editor workspace.
Rename: Users should be able to right-click (or another suitable interaction method) on a file or folder to rename it.
Delete: Similarly, a right-click option to delete a file or folder. Ideally, this should come with a confirmation prompt to avoid accidental deletions.

focus-editor / focus