BUG: when no image exists, do not show "broken image" icon

https://trello.com/c/Zx240UmI/15-bug-when-no-image-exists-do-not-show-broken-image-icon

I fixed the image loading bug and made a nice fade transition when loading
images.
I also did a better job of mocking out test data when developing locally.
Lastly, I hooked up the takePicture API so that we save the picture to the cloud
after it returns from the iOS side (I made a mock call for local development)