chore(cell-actions): use popper strategy fixed instead of portalling (#97593)

### Changes

Instead of portals, use the fixed strategy. Main reason is that
portalling the dropdown to document body does not work with tables in
modals due to stacking issues (e.g., planning to add cell actions to
viewer table modal in dashboards)

There should be no UI change to the dropdown. This change only applies
when `discover-cell-actions-v2` is enabled.

Author: lzhao-sentry

static/app/components/dropdownMenu/index.tsx

@@ -68,6 +68,7 @@ export interface DropdownMenuProps
       | 'preventOverflowOptions'
       | 'flipOptions'
       | 'shouldApplyMinWidth'
+      | 'strategy'
     > {
   /**
    * Items to display inside the dropdown menu. If the item has a `children`
@@ -129,6 +130,8 @@ export interface DropdownMenuProps
    * only be enabled if necessary, e.g. when the dropdown menu is inside a small,
    * scrollable container that messes with the menu's position. Some features, namely
    * submenus, will not work correctly inside portals.
+   *
+   * Consider passing `strategy` as `'fixed'` before using `usePortal`
    */
   usePortal?: boolean;
 }
@@ -163,6 +166,8 @@ function DropdownMenu({
   portalContainerRef,
   shouldApplyMinWidth,
   minMenuWidth,
+  // This prop is from popperJS and is an alternative to portals. Use this with components like modals where portalling to document body doesn't work well.
+  strategy,
   ...props
 }: DropdownMenuProps) {
   const isDisabled = disabledProp ?? (!items || items.length === 0);
@@ -188,6 +193,7 @@ function DropdownMenu({
     flipOptions,
     onOpenChange,
     shouldApplyMinWidth,
+    strategy,
   });
 
   const {menuTriggerProps, menuProps} = useMenuTrigger(

static/app/views/discover/table/cellAction.tsx

@@ -365,7 +365,7 @@ function CellAction({
         {cellActions?.length ? (
           <DropdownMenu
             items={cellActions}
-            usePortal
+            strategy="fixed"
             size="sm"
             offset={4}
             position={align === 'left' ? 'bottom-start' : 'bottom-end'}