resizing canvas resizes background image but not paths
**Describe the bug**

if a ReactSketchCanvas loads a background image and has some hand-drawn paths on it, if the canvas is resized, the background image will resize correctly, while the drawn paths will appear in an "incorrect" location as they are not resized

**To Reproduce**
bug demo:
1. go to https://vinoth.info/react-sketch-canvas/
the conditions for the bug are met -- the canvas size is 100% (i.e. it's not a fixed pixel amount) and has a background image
2. draw some paths by hand
3. resize the window -- make it smaller for example

the background image will correctly resize, while the paths will remain in their (now) incorrect positions as they are not resized

**Expected behavior**

when resizing the canvas, both the background image and the drawn paths should resize together to stay in "sync"

**Screenshots**

before resize:

<img width="943" alt="image" src="https://user-images.githubusercontent.com/1017304/202556223-aafe610f-a910-4c5f-a5d4-b4bc73af3151.png">

after horizontal resize:

<img width="869" alt="image" src="https://user-images.githubusercontent.com/1017304/202556264-c06b48fb-5e87-4881-9f44-aa4f3061bd6a.png">


**Desktop (please complete the following information):**
 - OS: macOS 12.4
 - Browser: Chrome
 - Version: 107.0.5304.110
