File Directory Tree UI with Expand/Collapse Functionality

atlassian Task 1: File Directory Tree UI Construction Build a file directory tree user interface using any framework, with development done in a browser-based IDE or a tool like codesandbox. The requirements are: Provide a basic file and directory structure for display. Debug within the browser. Example Data: { "root": { "folder1": { "file1.txt": null, "file2.txt": null }, "folder2": { "folder3": { "file3.txt": null } } } } The structure should be displayed as: root folder1 file1.txt file2.txt folder2 folder3 file3.txt Use HTML and CSS for UI construction, and JavaScript for dynamic interactions like expanding/collapsing directories. Example Input {"root": {"folder1": {"file1.txt": null, "file2.txt": null}, "folder2": {"folder3": {"file3.txt": null}}}}