fixing missing title in settings due to tablet refactor

Author: rolandosborne

app/client/mobile/src/content/Content.tsx

@@ -731,7 +731,7 @@ export function Content({
                 autoComplete="off"
                 autoCorrect={false}
                 mode="outlined"
-                placeholder={layout === 'small' ? state.strings.searchTopics : state.strings.topics}
+                placeholder={layout !== 'large' ? state.strings.searchTopics : state.strings.topics}
                 left={<TextInput.Icon style={styles.icon} icon="search" />}
                 value={state.filter}
                 onChangeText={value => actions.setFilter(value)}
@@ -794,7 +794,7 @@ export function Content({
             </View>
           </View>
         </View>
-        { layout === 'small' && (
+        { layout !== 'large' && (
           <View style={styles.tabs}>
             <Pressable style={tab === 'all' ? styles.opaque : styles.opacity} onPress={() => setTab('all')}>
               <Surface style={styles.tab} elevation={tab === 'all' ? 10 : 2}>

app/client/mobile/src/conversation/Conversation.tsx

@@ -238,7 +238,7 @@ export function Conversation({layout, close, openDetails}: {layotu: string; clos
     }
   });
 
-  const offset = state.keyboardOffset + keyboardHeight - (Platform.OS === 'ios' && layout === 'large' ? 8 : Platform.OS === 'ios' ? 96 : 80)
+  const offset = state.keyboardOffset + keyboardHeight - (Platform.OS === 'ios' && layout === 'large' ? 0 : Platform.OS === 'ios' ? 96 : 80)
   const disableImage = !state.detailSet || !state.detail?.enableImage;
   const disableVideo = !state.detailSet || !state.detail?.enableVideo;
   const disableAudio = !state.detailSet || !state.detail?.enableAudio;

app/client/mobile/src/settings/Settings.tsx

@@ -457,7 +457,7 @@ export function Settings({layout, setupNav}: {layout: string, setupNav: {back: (
   return (
     <View>
       <View style={styles.settings}>
-        {setupNav && layout === 'small' && (
+        {setupNav && layout !== 'large' && (
           <Surface elevation={9} mode="flat" style={styles.navHeader}>
             <Pressable style={styles.navIcon} onPress={setupNav?.back}>
               <Icon size={32} source="left" color={'white'} />
@@ -466,12 +466,12 @@ export function Settings({layout, setupNav}: {layout: string, setupNav: {back: (
             <View style={styles.navIcon} />
           </Surface>
         )}
-        {!setupNav && layout === 'small' && (
+        {!setupNav && layout !== 'large' && (
           <Surface mode="flat" elevation={9} style={styles.navHeader}>
             <Text style={styles.smHeader}>{state.strings.settings}</Text>
           </Surface>
         )}
-        <Animated.View style={[{...styles.navImage, top: layout === 'small' ? 72 : 0}, {opacity: profile}]}>
+        <Animated.View style={[{...styles.navImage, top: layout !== 'large' ? 72 : 0}, {opacity: profile}]}>
           <Image style={styles.navLogo} resizeMode={'contain'} source={{uri: state.imageUrl}} />
           <Surface style={styles.overlap} elevation={2} mode="flat" />
         </Animated.View>
@@ -861,12 +861,12 @@ export function Settings({layout, setupNav}: {layout: string, setupNav: {back: (
                     </Surface>
                   </View>
                 )}
-                {!setupNav && layout === 'small' && (
+                {!setupNav && Platform.OS !== 'ios' && (
                   <Text variant="headlineSmall" style={styles.sectionLabel}>
                     {state.strings.layout}
                   </Text>
                 )}
-                {!setupNav && layout === 'small' && (
+                {!setupNav && Platform.OS !== 'ios' && (
                   <View style={styles.navWrapper}>
                     <Surface elevation={0} mode="flat" style={styles.navData}>
                       <View style={styles.navFont}>