touch position issues in wasm on developer tools

## Bevy version and features

- The release number or commit hash of the version you're using.
0.18.1
- If you're not using default features, the combination of bevy's cargo features you are using.
-default

## What you did

Open any browser, go to developer tools and use the device toolbar to emulate touchscreen.

Go to any example with interaction or observers. Like for example:

https://bevy.org/examples/ui-user-interface/ghost-nodes/

Try clicking on the numbers, it doesn't work.

Now go on top of the number outside the button and randomly click.

Same here with observers:

https://bevy.org/examples-webgpu/picking/sprite-picking/

Clicking the top left corner

## What went wrong

Position of the ui interactions and observers are off.

## Additional information

Other information that can be used to further reproduce or isolate the problem.
This commonly includes:

- theories about what might be going wrong

The scaling is maybe not being factored in the touch events for observers and interactions?

-------------

Edit: Tried 0.19rc1 just in case, still has same issue. Even on the new feathers ui, it doesn't work.

Edit2: It seems this bug is only in browser's developer tools (Chrome and Firefox tested), on the mobile devices themselves it works fine. It just makes it more annoying to test on devices.