Fix dragging monitors on small stage

[nimeratus]

Resolves

What Github issue does this resolve (please include link)?

• Monitors can't be positioned past halfway right (or halfway down) when stage is in small display mode scratch-gui#2949
• Small stage mode causes some problems interacting with monitors scratch-gui#2367
• Monitors dont follow mouse in "small" stage mode scratch-gui#9756
• Cannot drag variables or lists to the far right and bottom when the browser window's width is small scratch-gui#9610

(most of these are duplicates of each other)

Proposed Changes

Describe what this Pull Request does

1. Resize the dragging bounds with the same CSS transform that resizes the monitors, instead of changing the width/height CSS properties
2. Remove the <Box> that used to do the CSS transform
3. Set the scale property on the <Draggable>
4. Prevent the monitor from going to fractional coordinates even if scale is a fraction

Reason for Changes

Explain why these changes should be made

1. This way CSS word wrapping and react-draggable will let the monitors go to the edges of the stage
2. It doesn't do the transform anymore and I don't think it did anything else
3. This way react-draggable knows the speed at which it should move the monitors
4. The existing code expects the monitor coordinates to be integers here and there might be other places where it expects integers

Test Coverage

Please show how you have added tests to cover your changes

I've run npm test and it accepted it (I think) (it didn't say "error" like when it didn't like the identation)

I've tried it out in these browsers and it seems to work

• Windows 10, Chrome 139
• Android, Chrome 138

[github-actions]

Thank you for your submission, we really appreciate it. Like many open-source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution. You can sign the CLA by just posting a Pull Request Comment same as the below format.

---

I have read the CLA Document and I hereby sign the CLA

---

_{You can retrigger this bot by commenting recheck in this Pull Request. Posted by the CLA Assistant Lite bot.}

[nimeratus]

me:

(by the way if you wonder why all of my commit titles starts with "fix:", I think there is an automatic test somewhere that checks if commit titles start with something like that and I don't want my PR to fail just because of the commit titles)

commitlint:

✖ body's lines must not be longer than 100 characters [body-max-line-length]

Noooo, why...