Implement dashboard with file system

[chetbae]

closes #1004.

Dashboard that allows users to create folders to categorize and organize documents.

neon-chetbae.vercel.app

[chetbae]

closes #1040 101e238
closes #1041 de779a0
closes #1042 0e34f67
closes #1043 186947b
closes #1044 af33b22 and 76faf99
closes #1045 ...
closes #1046 ...

[chetbae]

Red: 🆘

• Cannot add new folder in empty parent folder 📁🚫
• Move-to from contextmenu 🚗💨
• Improved error messages for dropping folders

Yellow: ⚠️

• Styling/icon indicating folders are folders and files are files 🙈
• Multiple Drag 👯‍♀️

Green: 💹

• Sorting dashboard by name or date 📚
• History stack: undo/redo ...(something like { path: IFolder array, state: IFolder root clone }) 🧠

[chetbae]

https://neon-aibobgz7p-chetbae.vercel.app/dashboard.html

Snapshot of the full pr! Few things not implemented such as sorting and multiple drag, which were not absolutely necessary but a nice user experience for the folder system. Would love to keep working this on the side while developing VIM though!

@JoyfulGen @yinanazhou @cadagong How does this look to merge into prod?

[chetbae]

P.S. I tested going from develop (flat dashboard) with uploaded files in pouchDB → to dashboard-folder-impl (file system). Previous uploads go to the root folder.

The code for the transfer is in FileSystemManager.ts line 25, the logic goes like this:

if file-system state exists in local storage:
    load local storage state
else:
    create new root folder
    add samples folder to root
    get previous uploads from pouch db (if any)
    load newly created root folder

So hundreds of corrected folios won't be lost! If neon's domain ever changes, that's a different problem.

[JoyfulGen]

@JoyfulGen @yinanazhou @cadagong How does this look to merge into prod?

It looks fantastic! Everything works very smoothly and it's an excellent system thank you :)))

[yinanazhou]

Looks good!