User interface minor issues edited

[phihd]

Let's fix several interface minor issues. Feel free to add any additional issues found during the process. The goal is to finalizing the user interface before deploying to production.

• [x] After clicking the button "Project" in the sidebar, the sidebar should be hidden
• [x] After clicking avatar -> Settings, the avatar is slightly dragged up.
• [x] Hide status & department column in Project page (not used yet)
• [x] After creating an issue, user should be directed to that issue page immediately (instead of waiting for it to show up on the project detail page and click it)
• [x] Same as above but for creating a project
• [x] Different styles for read/unread notification
• [x] Notification clicks should direct to correct URL
• [x] When user toggle sidebar, if user doesn't click anything, don't re-render the page
• [x] In issueDetail page, there will be a button for user to go to the project that contains the viewed issue.
• [x] In IssueDetail page, use Datepicker to let user pick due date for better looks. Refer to NewIssueForm.js
• [ ] Notification pop up automatically when done created

[thaonguyenbietbay]

ok

[thaonguyenbietbay]

I'm done with this taskkkkkkkk, but I'm also working on the interface. I will create a PR including the interface changes by tomorrow, hopefully 🌈 @phihd edited