Desktop: hide the left panel and the invite codes from the main page if you are not logged in

src/view/shell/desktop/RightNav.tsx

@@ -59,7 +59,7 @@ export const DesktopRightNav = observer(function DesktopRightNav() {
           />
         </View>
       </View>
-      <InviteCodes />
+      {store.session.hasSession && <InviteCodes />}
       <View>
         <TouchableOpacity
           style={[styles.darkModeToggle]}
@@ -158,6 +158,7 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     gap: 8,
     marginHorizontal: 12,
+    marginTop: 8,
   },
   darkModeToggleIcon: {
     flexDirection: 'row',

src/view/shell/index.web.tsx

@@ -38,7 +38,7 @@ const ShellInner = observer(() => {
       </View>
       {isDesktop && (
         <>
-          <DesktopLeftNav />
+          {store.session.hasSession && <DesktopLeftNav />}
           <DesktopRightNav />
         </>
       )}