File explorer component

[YourTechBud]

What we need:

• (Rendering logic) Create a file/folder tree structures (3 levels deep - files on each level)
  • Figure out the HTML / CSS
  • JSON representation of above HTML / CSS
  • React-ify
• Context Menu
  • Use Shadcn for this.
  • Contextualize the menu based on file/folder
  • Add rename and delete functionality
  • Modify the JSON representation present the state (For delete)
  • Rename (Convert text to an input field)
    • Each row should have an edit state which is false by default. This will control if you will show text or an input
    • On hitting rename we toggle that state flag
    • Typing in that input will update the local row state (Not the JSON representation). On pressing enter we update the JSON representation.
  • Drag and drop

[werronense]

@YourTechBud assign this issue to me, please.