Fix a bug in Dialog positioning

The position is wrong when `dialog.showConnector` is false.
The height is only 1 * connector height, but we minus 2 * connector height when calculate the top.

Bug:383278166
Change-Id: I6f1baf2488dac2f4c16f3bd10ac5e61c9d6565fc
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6085915
Auto-Submit: Nancy Li <[email protected]>
Commit-Queue: Nancy Li <[email protected]>
Commit-Queue: Andres Olivares <[email protected]>
Reviewed-by: Andres Olivares <[email protected]>

Author: Nancy Li

front_end/ui/components/dialogs/Dialog.ts

@@ -555,7 +555,7 @@ export class Dialog extends HTMLElement {
             this.style.setProperty('--dialog-top', '0');
             this.style.setProperty('--dialog-margin', 'auto');
             this.style.setProperty('--dialog-margin-bottom', `${innerHeight - anchorTop}px`);
-            this.#hitArea.y = anchorTop - 2 * CONNECTOR_HEIGHT;
+            this.#hitArea.y = anchorTop - (CONNECTOR_HEIGHT * (this.showConnector ? 2 : 1));
             this.style.setProperty('--dialog-offset-y', `${DIALOG_ANIMATION_OFFSET}px`);
             this.style.setProperty(
                 '--dialog-max-height',