fix(popover): correct positioning and sizing when html zoom is applied

[KanhaiyaPandey]

🐛 Issue #30919

When CSS zoom is applied on the html element (e.g. zoom: 1.5), the popover is rendered in an incorrect position.
Additionally, size="cover" results in incorrect sizing.

---

✅ Expected Behavior

Popover should be correctly positioned and sized regardless of the document zoom level.

---

🔧 Fix

• Normalized DOMRect values and pointer coordinates based on the document zoom factor.
• Ensures consistent calculations for positioning and sizing across zoom levels.

Files updated

• core/src/components/popover/utils.ts
• md.enter.ts
• ios.enter.ts

---

🧪 Tests

• Added E2E regression test for:
  • Popover positioning
  • size="cover" behavior under html { zoom: 1.5 }
• Test file:
  • core/src/components/popover/test/zoom/popover.e2e.ts
• Firefox is skipped since CSS zoom is not supported there.

---

▶️ How to verify

cd core
PLAYWRIGHT_TEST_BASE_URL=http://localhost:3333 \
npx playwright test src/components/popover/test/zoom/popover.e2e.ts --project="Mobile Chrome"

[vercel]

@KanhaiyaPandey is attempting to deploy a commit to the Ionic Team on Vercel.

A member of the Team first needs to authorize it.

[NyaomiDEV]

Actually, Firefox now supports CSS zoom.