Fix: enable right-click context menu on Tab Selector via secondaryInteraction

Co-authored-by: Hans Vu <hungvu193@users.noreply.github.com>

Author: MelvinBot

src/components/TabSelector/TabSelectorItem.tsx

@@ -1,5 +1,5 @@
 import Badge from '@components/Badge';
-import PressableWithFeedback from '@components/Pressable/PressableWithFeedback';
+import PressableWithSecondaryInteraction from '@components/PressableWithSecondaryInteraction';
 import Tooltip from '@components/Tooltip';
 
 import useNetwork from '@hooks/useNetwork';
@@ -17,7 +17,10 @@ import TabIcon from './TabIcon';
 import TabLabel from './TabLabel';
 import {useTabSelectorActions} from './TabSelectorContext';
 
-const AnimatedPressableWithFeedback = Animated.createAnimatedComponent(PressableWithFeedback);
+// Use PressableWithSecondaryInteraction so the tab responds to both a long-press (touch) and a
+// right-click / context-menu (web). PressableWithFeedback's onLongPress alone never fires on a
+// right-click, so the desktop-web menu could not be opened.
+const AnimatedPressableWithSecondaryInteraction = Animated.createAnimatedComponent(PressableWithSecondaryInteraction);
 
 type TabSelectorItemProps = BaseTabSelectorItemProps;
 
@@ -55,7 +58,7 @@ function TabSelectorItem({
     const shouldTextHaveStrikeThrough = isOffline && pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.DELETE;
 
     const children = (
-        <AnimatedPressableWithFeedback
+        <AnimatedPressableWithSecondaryInteraction
             accessibilityLabel={title}
             accessibilityState={accessibilityState}
             accessibilityRole={CONST.ROLE.TAB}
@@ -66,7 +69,7 @@ function TabSelectorItem({
                 isOfflineWithPendingAction ? styles.offlineFeedbackPending : undefined,
             ]}
             wrapperStyle={equalWidth ? styles.flex1 : styles.flexGrow1}
-            onLongPress={onLongPress}
+            onSecondaryInteraction={onLongPress}
             onPress={() => {
                 scrollToTab(tabKey);
                 onPress();
@@ -102,7 +105,7 @@ function TabSelectorItem({
                     badgeStyles={badgeStyles}
                 />
             )}
-        </AnimatedPressableWithFeedback>
+        </AnimatedPressableWithSecondaryInteraction>
     );
 
     return (