OverlayPanel: Incorrect Arrow Positioning When Flipped - Arrow Appears Above Trigger Element

[ozantekin]

Describe the bug

The OverlayPanel arrow in the top position rises above the trigger, instead of aligning directly on top of it.

Reproducer

https://stackblitz.com/edit/vitejs-vite-xywqde?file=src%2FApp.tsx

System Information

System:
    OS: macOS 14.3.1
    CPU: (8) arm64 Apple M2
    Memory: 141.80 MB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 22.8.0 - /opt/homebrew/bin/node
    Yarn: 1.22.19 - /opt/homebrew/bin/yarn
    npm: 10.8.2 - /opt/homebrew/bin/npm
    pnpm: 8.6.12 - ~/.nvm/versions/node/v16.17.0/bin/pnpm
    bun: 1.1.4 - ~/.bun/bin/bun
    Watchman: 2024.09.02.00 - /opt/homebrew/bin/watchman
  Browsers:
    Safari: 17.3.1
  npmPackages:
    react: 18.3.1 => 18.3.1
    primereact: ^10.8.3 => 10.8.3

Steps to reproduce the behavior

No response

Expected behavior

No response