Cleanup Profile Edit Panel

[skamansam]

The profile edit page is not intuitive and contains developer output.

The following needs to be done:

• Update the pane so it doesn't look like a popup window. It should look like a page.
  • Make the user editing pane top-left aligned, instead of centered
  • Add a preview widget that allows you to see what your user card will look like to others. This should update in realtime.
• Change the text of the button to be Update or Save instead of Edit
• Move the EditProfile component to the views folder, because it is a view.
• Remove the developer garbage from the bottom of the window
• Remove the checkboxes for editing name and avatar. The fields should always be editable.
• Reduce the roundness of the button. It should be slightly rounded, not oval. All input elements should have a border radius of about 0.4em, except fab buttons. We should test this out with a bunch of inputs of different sizes.

Here is a reference page: https://demos.creative-tim.com/black-dashboard/examples/user.html. Notice that it looks like a page instead of a modal dialog.

Deliverables: When finished, there should be a view for the user info. This view should contain 2 widgets, one for editing and one for preview. The preview widget will be used in other places, when a user card is needed (so "preview" should not be in the name).