Fix popover menu anchor alignment prop

src/styles/getVerticalOffset/index.desktop.js

@@ -0,0 +1,6 @@
+export default (vertical) => ({
+    // On desktop app we are adding a header gap of 12px 
+    // which we need to add to vertical offset when setting 
+    // offset on desktop
+    vertical: vertical + 12,
+});

src/styles/getVerticalOffset/index.js

@@ -0,0 +1 @@
+export default (vertical) => ({vertical});

src/styles/styles.js

@@ -18,6 +18,7 @@ import writingDirection from './utilities/writingDirection';
 import optionAlternateTextPlatformStyles from './optionAlternateTextPlatformStyles';
 import pointerEventsNone from './pointerEventsNone';
 import pointerEventsAuto from './pointerEventsAuto';
+import getVerticalOffset from './getVerticalOffset';
 import overflowXHidden from './overflowXHidden';
 import CONST from '../CONST';
 import cursor from './utilities/cursor';
@@ -1240,7 +1241,7 @@ const styles = {
 
     createMenuPositionProfile: (windowWidth) => ({
         horizontal: windowWidth - 355,
-        vertical: 162,
+        ...getVerticalOffset(162),
     }),
 
     createMenuPositionReportActionCompose: (windowHeight) => ({
@@ -2938,12 +2939,12 @@ const styles = {
     },
 
     threeDotsPopoverOffset: (windowWidth) => ({
-        vertical: 60,
+        ...getVerticalOffset(60),
         horizontal: windowWidth - 60,
     }),
 
     threeDotsPopoverOffsetNoCloseButton: (windowWidth) => ({
-        vertical: 60,
+        ...getVerticalOffset(60),
         horizontal: windowWidth - 10,
     }),