Lastly, we will add an input to the top of the account to allow the user to edit her name with a single click. To allow this, simply start/edit the workflow for the input & making a change to the users name when the input's value is changed, done.
We can now transfer the exact same grouping to the users profile page and that's it, looking better then nothing (though designers might argue against that - fair enough).
To do so, we gonna place a second PictureUploader to the page and making it look like a button, while adding a second image the users DB called "Header image" (or whatever your prefer), following the same upload workflow as for the profile picture.
First, let's add a PictureUpload element to the top of our designated account page to allow a user to upload/change the profile picture and add a simple "Make change..." function...