fix: expo sample app keyboardVerticalOffset for channel and thread screen

Author: khushal87

examples/ExpoMessaging/app/channel/[cid]/index.tsx

@@ -1,6 +1,5 @@
 import React, { useContext, useEffect } from 'react';
 import { SafeAreaView, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { Channel, MessageInput, MessageList, useAttachmentPickerContext } from 'stream-chat-expo';
 import { Stack, useRouter } from 'expo-router';
 import { AuthProgressLoader } from '../../../components/AuthProgressLoader';
@@ -25,7 +24,11 @@ export default function ChannelScreen() {
     <SafeAreaView>
       <Stack.Screen options={{ title: 'Channel Screen' }} />
       {channel && (
-        <Channel audioRecordingEnabled={true} channel={channel}>
+        <Channel
+          audioRecordingEnabled={true}
+          channel={channel}
+          keyboardVerticalOffset={headerHeight}
+        >
           <View style={{ flex: 1 }}>
             <MessageList
               onThreadSelect={(thread) => {

examples/ExpoMessaging/app/channel/[cid]/thread/[cid]/index.tsx

@@ -3,9 +3,11 @@ import { SafeAreaView, View } from 'react-native';
 import { Channel, Thread } from 'stream-chat-expo';
 import { Stack } from 'expo-router';
 import { AppContext } from '../../../../../context/AppContext';
+import { useHeaderHeight } from '@react-navigation/elements';
 
 export default function ThreadScreen() {
   const { channel, thread, setThread } = useContext(AppContext);
+  const headerHeight = useHeaderHeight();
 
   if (channel === undefined) {
     return null;
@@ -15,7 +17,13 @@ export default function ThreadScreen() {
     <SafeAreaView>
       <Stack.Screen options={{ title: 'Thread Screen' }} />
 
-      <Channel audioRecordingEnabled={true} channel={channel} thread={thread} threadList>
+      <Channel
+        audioRecordingEnabled={true}
+        channel={channel}
+        keyboardVerticalOffset={headerHeight}
+        thread={thread}
+        threadList
+      >
         <View
           style={{
             flex: 1,