Only lock viewport zoom while text inputs are focused (#10340)

Co-authored-by: Claude <noreply@anthropic.com>

src/screens/Messages/Conversation.tsx

@@ -18,6 +18,7 @@ import {type NativeStackScreenProps} from '@react-navigation/native-stack'
 import {RemoveScrollBar} from 'react-remove-scroll-bar'
 
 import {useNonReactiveCallback} from '#/lib/hooks/useNonReactiveCallback'
+import {useViewportZoomLock} from '#/lib/hooks/useViewportZoomLock'
 import {
   type CommonNavigatorParams,
   type NavigationProp,
@@ -106,6 +107,8 @@ function Inner({convoId}: {convoId: string}) {
   const {top: topInset} = useSafeAreaInsets()
   const {data: convoData} = useConvoQuery({convoId})
 
+  useViewportZoomLock({enabled: isFocused})
+
   const convo = convoData
     ? parseConvoView(convoData, currentAccount?.did)
     : null