Collection View

[FledgeXu]

Goal

The goal of this PR is to complete the Collection View in #40.

Abstract

• [x] Projects sidebar (functional)
  • [x] Add Project
  • [x] Delete Project
  • [x] Change Project Name
  • [x] Redirect to Collection View When clients have created the user.

[FledgeXu]

• there should be a cursor change on project hover to hint user into knowing double-click allows renaming
• Hitting enter on renaming should focus out/exit the renaming field. Escape should cancel.
• Hover effect on project line is odd: text moves (vertically) a bit in a disturbing way
• I'd like to see FAQ and contact links working (to static lorem ipsum page for now)
• No confirmation on Project deletion (!!!)

These should be done.

• Doesn't scale well to high resolution: sidebar gets too wide (see screenshot)

I only have a 4K monitor, but there doesn't seem to be width issue on macOS. I toned down the width of the siderbar in hopes of fixing this.

• New user dragging files doesn't arrive to the sidebar version of the project view.

I don't quite understand it. I remember we didn't want the user to jump to the collection view when they were using it for the first time, instead we just want they to view the Project View(without sidebar), correct me if I'm wrong. Anyway I also add it.

[FledgeXu]

1. Now put your pointer over Project Name and you should be prompted that Project Name can be edited
2. Weird name status should be fixed.
3. When updating failed, project's name will be reset to previous one.

And ignore format commits, my editor's formatter has conflicts with yarn format…