Fix tabbar swipe conflicting with drawer (#7501)

src/view/com/pager/TabBar.tsx

@@ -13,6 +13,7 @@ import Animated, {
 } from 'react-native-reanimated'
 
 import {PressableWithHover} from '#/view/com/util/PressableWithHover'
+import {BlockDrawerGesture} from '#/view/shell/BlockDrawerGesture'
 import {atoms as a, useTheme} from '#/alf'
 import {Text} from '#/components/Typography'
 
@@ -297,6 +298,7 @@ export function TabBar({
       testID={testID}
       style={[t.atoms.bg, a.flex_row]}
       accessibilityRole="tablist">
+      <BlockDrawerGesture>
         <ScrollView
           testID={`${testID}-selector`}
           horizontal={true}
@@ -348,6 +350,7 @@ export function TabBar({
             />
           </Animated.View>
         </ScrollView>
+      </BlockDrawerGesture>
       <View style={[t.atoms.border_contrast_low, styles.outerBottomBorder]} />
     </View>
   )