coordinate ticks out of the boundary of the border

[kswang1029]

Describe the bug
On the rendered view in the image viewer, it seems the ticks at the top and right borders are out of the boundary. At the bottom and left borders, it seems too but less obvious.

To Reproduce
Steps to reproduce the behavior:

1. load an image and export as a png
2. load the png and inspect the ticks at the border to see the issues.

Expected behavior
The ticks should not be out of the boundary.

Platform info (please complete the following information):

• OS [e.g. macOS Monterey]: macOS Ventura
• Browser [e.g. chrome, safari, electron app]: electron app, chrome
• Browser version [e.g. 22]: 120
• Backend branch [e.g. dev, v3b2 release]: v4-stable, dev
• Frontend branch [e.g. dev, v3b2 release]: v4-stable, dev