Fix: [KRAANG-7741] PlanGrid: when viewing photos from documents and using arrows to go to next photo the image doesn't change (#245)

* remove node-sass, upgrade npm, add sass, update sass-loader config

Note that node-sass is deprecated, and the version that was installed does not compile on arm64.

Also updated README.md

* upgrade react minor version

* add image swapping demo

* fix PhotoViewerWrapper so it loads a new image if the filePath prop changes

and update the demo to show that the image can be swapped

* 1.2.4-fix-photo-viewer.0

* 1.2.4-fix-photo-viewer.1

* do not minify, ship source map

* 1.2.4-fix-photo-viewer.2

Author: akinnee

README.md

@@ -72,7 +72,7 @@ purposes. It is by default served via webpack-dev-server.
 
 ### To start demo app
 
-`make start` will start the demo app served by webpack-dev-server
+`npm run start` will start the demo app served by webpack-dev-server
 
 ### Testing
 
@@ -81,7 +81,7 @@ Tests use Jest and Enzyme.
 Run tests with:
 
 ```
-make test
+npm run test
 ```
 
 This starts Jest in watch mode. To run a particular test file, while in watch mode
@@ -97,7 +97,7 @@ npm run jest --updateSnapshot
 
 ### To run the linter
 
-`make lint`
+`npm run lint`
 
 ### Extending the file viewer