Rework the rightnav overflow behavior to not obscure the scroll region (#2199)

src/view/shell/desktop/RightNav.tsx

@@ -15,7 +15,6 @@ import {useLingui} from '@lingui/react'
 import {Plural, Trans, msg, plural} from '@lingui/macro'
 import {useSession} from '#/state/session'
 import {useInviteCodesQuery} from '#/state/queries/invites'
-import {ScrollView} from '#/view/com/util/Views'
 
 export function DesktopRightNav() {
   const pal = usePalette('default')
@@ -30,7 +29,6 @@ export function DesktopRightNav() {
 
   return (
     <View style={[styles.rightNav, pal.view]}>
-      <ScrollView contentContainerStyle={{borderWidth: 0}}>
       <View style={{paddingVertical: 20}}>
         <DesktopSearch />
 
@@ -100,7 +98,6 @@ export function DesktopRightNav() {
 
         {hasSession && <InviteCodes />}
       </View>
-      </ScrollView>
     </View>
   )
 }
@@ -176,7 +173,8 @@ const styles = StyleSheet.create({
     // @ts-ignore web only
     left: 'calc(50vw + 320px)',
     width: 304,
-    height: '100%',
+    maxHeight: '100%',
+    overflowY: 'auto',
   },
 
   message: {