Another set of UI updates (FAB returns, a few others) (#281)

* Bring back the FAB and move compose out of the footer

* Increase the touch target sizes of the header back btns (close #279)

* Trigger 'load more' sooner (close #280)

src/view/shell/mobile/BottomBar.tsx

@@ -19,7 +19,6 @@ import {
   HomeIconSolid,
   MagnifyingGlassIcon2,
   MagnifyingGlassIcon2Solid,
-  ComposeIcon2,
   BellIcon,
   BellIconSolid,
   UserIcon,
@@ -85,10 +84,6 @@ export const BottomBar = observer(() => {
       }
     }
   }, [store, track])
-  const onPressCompose = React.useCallback(() => {
-    track('MobileShell:ComposeButtonPressed')
-    store.shell.openComposer({})
-  }, [store, track])
   const onPressNotifications = React.useCallback(() => {
     track('MobileShell:NotificationsButtonPressed')
     if (store.nav.tab.fixedTabPurpose === TabPurpose.Notifs) {
@@ -161,19 +156,6 @@ export const BottomBar = observer(() => {
         }
         onPress={onPressSearch}
       />
-      <Btn
-        icon={
-          <View style={styles.ctrlIconSizingWrapper}>
-            <ComposeIcon2
-              strokeWidth={1.5}
-              size={29}
-              style={[styles.ctrlIcon, pal.text, styles.composeIcon]}
-              backgroundColor={pal.colors.background}
-            />
-          </View>
-        }
-        onPress={onPressCompose}
-      />
       <Btn
         icon={
           isAtNotifications ? (
@@ -254,7 +236,7 @@ const styles = StyleSheet.create({
   },
   notificationCount: {
     position: 'absolute',
-    left: '56%',
+    left: '52%',
     top: 10,
     backgroundColor: colors.blue3,
     paddingHorizontal: 4,
@@ -283,9 +265,6 @@ const styles = StyleSheet.create({
   bellIcon: {
     top: -2.5,
   },
-  composeIcon: {
-    top: -4.5,
-  },
   profileIcon: {
     top: -4,
   },