Add logout and tweak signin screen

src/view/shell/mobile/accounts-menu.tsx

@@ -14,8 +14,10 @@ import {s, colors} from '../../lib/styles'
 
 export function createAccountsMenu({
   debug_onPressItem,
+  onPressLogout,
 }: {
   debug_onPressItem: () => void
+  onPressLogout: () => void
 }): RootSiblings {
   const onPressItem = (_index: number) => {
     sibling.destroy()
@@ -41,6 +43,18 @@ export function createAccountsMenu({
             <FontAwesomeIcon style={styles.icon} icon="plus" />
             <Text style={styles.label}>New Account</Text>
           </TouchableOpacity>
+          <TouchableOpacity
+            style={[styles.menuItem, styles.menuItemBorder]}
+            onPress={() => {
+              sibling.destroy()
+              onPressLogout()
+            }}>
+            <FontAwesomeIcon
+              style={styles.icon}
+              icon="arrow-right-from-bracket"
+            />
+            <Text style={styles.label}>Log out</Text>
+          </TouchableOpacity>
         </View>
       </>
     ),

src/view/shell/mobile/index.tsx

@@ -117,6 +117,7 @@ export const MobileShell: React.FC = observer(() => {
   const onPressAvi = () =>
     createAccountsMenu({
       debug_onPressItem: () => store.nav.navigate('/profile/alice.test'),
+      onPressLogout: () => store.session.logout(),
     })
   const onPressLocation = () => setLocationMenuActive(true)
   const onPressEllipsis = () => createLocationMenu()