fix(popover): update caret styles to offset ::after element (#3204)

Co-authored-by: joshblack <joshblack@users.noreply.github.com>

Author: joshblack

.changeset/strong-donuts-flash.md

@@ -0,0 +1,5 @@
+---
+'@primer/view-components': patch
+---
+
+Update caret styles for Popover to correctly position caret in different orientations

.playwright/screenshots/snapshots.test.ts-snapshots/primer/beta/popover/bottom_left/default.png

@@ -94,6 +94,7 @@
 
   &::after {
     right: var(--base-size-20);
+    margin-right: 1px;
   }
 }
 
@@ -111,6 +112,7 @@
 
   &::after {
     left: var(--base-size-24);
+    margin-left: 1px;
   }
 }
 
@@ -165,6 +167,7 @@
 
   &::after {
     left: -14px;
+    margin-bottom: 1px;
     /* stylelint-disable-next-line primer/colors */
     border-right-color: var(--overlay-bgColor);
   }
@@ -193,6 +196,7 @@
 
   &::after {
     bottom: var(--base-size-16);
+    margin-bottom: 1px;
   }
 }