Move border positioning to FlatList and ScrollView (#509)

* Move border positioning to FlatList and ScrollView

* Fix mobile web tab bar border

src/view/shell/index.web.tsx

@@ -14,11 +14,9 @@ import {RoutesContainer, FlatNavigator} from '../../Navigation'
 import {DrawerContent} from './Drawer'
 import {useWebMediaQueries} from '../../lib/hooks/useWebMediaQueries'
 import {BottomBarWeb} from './bottom-bar/BottomBarWeb'
-import {usePalette} from 'lib/hooks/usePalette'
 
 const ShellInner = observer(() => {
   const store = useStores()
-  const pal = usePalette('default')
   const {isDesktop} = useWebMediaQueries()
 
   return (
@@ -32,20 +30,6 @@ const ShellInner = observer(() => {
         <>
           <DesktopLeftNav />
           <DesktopRightNav />
-          <View
-            style={[
-              styles.viewBorder,
-              {borderLeftColor: pal.colors.border},
-              styles.viewBorderLeft,
-            ]}
-          />
-          <View
-            style={[
-              styles.viewBorder,
-              {borderLeftColor: pal.colors.border},
-              styles.viewBorderRight,
-            ]}
-          />
         </>
       )}
       <Composer
@@ -90,18 +74,6 @@ const styles = StyleSheet.create({
   bgDark: {
     backgroundColor: colors.black, // TODO
   },
-  viewBorder: {
-    position: 'absolute',
-    width: 1,
-    height: '100%',
-    borderLeftWidth: 1,
-  },
-  viewBorderLeft: {
-    left: 'calc(50vw - 300px)',
-  },
-  viewBorderRight: {
-    left: 'calc(50vw + 300px)',
-  },
   drawerMask: {
     position: 'absolute',
     width: '100%',