🐛 [Bug]: Drawing Canvas incorrect pointer movement and incorrect dawing area

[rnsharma10]

Describe the bug
Canvas Api bug -

1. The drawing canvas does not use whole section to draw but only part of the whole.
2. The draw pointer on drawing canvas is displaced from actual mouse pointer.

To Reproduce
Steps to reproduce the behavior:

1. Go to Canvas API page
2. Click on Show Canvases button.
3. Go to Drawing canvas section and try to draw in it.
   
   
4. The canvas only uses 1/3 of space to draw and that is also not aligned with mouse pointer.

Expected behavior

1. The whole Drawing canvas should be usable to draw.
2. Mouse pointer and drawing pointer should be in sync and on same coordinates on screen.

Desktop

• OS: Windows 10
• Browser Chrome
• Version 106

[permanar]

Hey, can I work on this one? Sounds fun.

[rnsharma10]

@permanar I have already written the fix, but waiting it to be assigned to me.