Attach (recommended) or Link to PDF file here: Any

Configuration:
- Web browser and its version: Firefox 105.0.3
- Operating system and its version: macOS 11.6
- PDF.js version: 3.0.206 (latest demo)
- Is a browser extension: no

Steps to reproduce the problem:
1. Draw some annotation
2. Resize it using the handle
3. Zoom the viewer in/out

What is the expected behavior? (add screenshot)
The annotation should scale with the page.

What went wrong? (add screenshot)
Did not scale.

![zoom-annot](https://user-images.githubusercontent.com/18247990/195622628-2e98b7ff-ee29-4967-918c-ccb1fc3f915e.gif)

Link to a viewer (if hosted on a site other than mozilla.github.io/pdf.js or as Firefox/Chrome extension): N/A

const NUMBER_OF_POINTS_ON_BEZIER_CURVE = 4;
    const paths = [];
    const padding = this.thickness / 2;
    let buffer, points;
    for (const bezier of this.paths) {
      buffer = [];
      points = [];
      for (let i = 0, ii = bezier.length; i < ii; i++) {
        const [first, control1, control2, second] = bezier[i];
        const p10 = s * (first[0] + tx) + padding;
        const p11 = h - s * (first[1] + ty) - padding;
        const p20 = s * (control1[0] + tx) + padding;
        const p21 = h - s * (control1[1] + ty) - padding;
        const p30 = s * (control2[0] + tx) + padding;
        const p31 = h - s * (control2[1] + ty) - padding;
        const p40 = s * (second[0] + tx) + padding;
        const p41 = h - s * (second[1] + ty) - padding;
        if (i === 0) {
          buffer.push(p10, p11);
          points.push(p10, p11);
        }
        buffer.push(p20, p21, p30, p31, p40, p41);
        this.#extractPointsOnBezier(
          p10,