Sync Refactor with New UI

[jobjohnsonc]

Refactor the sync code base and Implement New UI for Sync functionality

Manual Testing QA - Job
below are the comments for the testing of current sync UI
Sync Module V2.2.0-beta.1

• Keep me logged in is not working, the username and password are not being saved
• It was a little hard to drag and drop the file to the server because the user has to click and hold to drag the file to the right side bottom side of the screen where it sees the column to drop, the beginner level may find difficult to handle the drag and drop function.
• if the user tries to upload a project from local to local again, (by dragging a project from the left side of the screen to the left side panel itself), it would be good to show an error message.
• if the user tries to upload the file by dropping into the column without registering to the server side(door43), it would be good to show a validation message to understand the user's need to register into it before dropping a project.
• If there are no projects created, then if the user is on the sync page it would be good to show that the projects are empty to sync.
• It would be good if the text inside the column where the projects are dragged to upload the projects to the server needs to be more specified, currently, it's just showing "drop files to upload".

1. Upload to where?
2. Add a tooltip to describe what it is and how it is working.