[Bug]: TldrawImage in a scale container
### What happened?

When using TldrawImage within a scale container, there are issues with the rendered text. Some parts of the text overlap each other.
I couldn't find a suitable solution in the TldrawImage documentation. [doc](https://tldraw.dev/reference/tldraw/TldrawImageProps)
I have already tried "scale" and "pixelRatio" option, but they didn't work.

https://github.com/user-attachments/assets/bff318b5-ca32-4816-805e-107a33cab5ff

My solution was to copy the implementation of TldrawImage and modify the container to mount under the body, in order to avoid being affected by the scale.

``` typescript
// TldrawImage component

// -- code before --

useLayoutEffect(() => {
  const container = document.createElement("div");  // will remove this after editor.dispose()
  container.classList.add("tl-container", "tl-theme__light");

  const tempElm = document.createElement("div");
  container.appendChild(tempElm);

  document.body.appendChild(container);

  // -- code after --
})

// -- code after --
```

I'm wondering if this solution is a reasonable approach.

### How can we reproduce the bug?

https://codesandbox.io/p/devbox/fervent-aryabhata-755qs8

### What browsers are you seeing the problem on?

_No response_

### Where did this happen?

The developer package

### Contact Details

_No response_

### Code of Conduct

- [x] I agree to follow this project's Code of Conduct