feat(users): Profile picture cropping, mobile uploading and progress bar

[hyperreality]

feat(users): Profile picture cropping, mobile uploading and progress bar

Improvements to the Change Profile Picture page including:

• The option to take a camera pic and upload it is now offered on mobile
• Large images (such as those taken from a camera) no longer crash the page
• Add ability to crop pictures using ngImgCrop
• Add progress bar during uploading
• Large images are now properly resized to thumbnails
• Much of this was accomplished by switching from the angular-file-upload
  module to the far more fully-featured and frequently-updated ng-file-upload

[lirantal]

@hyperreality great work, thanks it looks good.

[mleanos]

Thank you @hyperreality! This looks really good! I just took it for a spin :)

[hyperreality]

@mleanos @lirantal Really appreciate all your recent work on the project too, and hope I can contribute more work from mine back into the main framework.

[lirantal]

@hyperreality no problems. Looking forward to read more of your PRs with everyone else here :)

[simison]

Ahh, hey, this PR should've not been merged with that ngImgCrop module. It's badly outdated and abandoned: alexk111/ngImgCrop#150

@hyperreality perhaps it would be easy to switch to ngImgCropFullExtended instead?

@lirantal @mleanos next time a bit more attention to healthiness of suggested packages. ;-)

[hyperreality]

@simison Thanks for the heads up. ngImgCrop was being recommended and used by the author of ng-file-upload, so perhaps he needs a nudge too.

I've incorporated your suggestion into #1465

[simison]

@hyperreality excellent!

[lirantal]

Thanks @simison, I need more eyes and feedback on the frontend side PRs so will appreciate more help there.