fix login page

js/app/components/login/login.tsx

···
             { justifyContent: "center" },
           ]}
         >
+          {/* link to bsky.app/settings */}
           <Button
-            onPress={() => dispatch(logout())}
+            onPress={() => {
+              const u = new URL(
+                "https://bsky.app/profile/" + userProfile.handle,
+              );
+              Linking.openURL(u.toString());
+            }}
             variant="secondary"
             leftIcon={<UserRoundPen color="white" />}
             style={[
···
             ]}
           >
             <Text style={[{ color: "white", textAlign: "center" }]}>
-              Edit profile (Bluesky)
+              Edit profile (on Bluesky)
             </Text>
           </Button>
         </View>
···
           <View
             style={[
               zero.px[8],
-              zero.py[8],
+              zero.pt[10],
+              zero.pb[6],
               zero.r.lg,
               { backgroundColor: theme.colors.card },
               { width: "100%" },
···
             </View>
             <View
               style={[
-                { flexDirection: "row", justifyContent: "space-between" },
+                { flexDirection: "row", justifyContent: "flex-end" },
+                zero.gap.all[3],
               ]}
             >
-              <Pressable
-                onPress={() => navigation.navigate("Signup")}
-                style={[
-                  {
-                    backgroundColor: "#333",
-                    padding: 12,
-                    borderRadius: 8,
-                  },
-                ]}
-              >
+              <Button onPress={() => onSignup()} variant="ghost">
                 <Text style={[{ color: "white" }]}>Sign Up on Bluesky</Text>
-              </Pressable>
-              <Pressable
+              </Button>
+              <Button
                 onPress={submit}
                 disabled={loginState.loading}
-                style={[
-                  zero.px[6],
-                  {
-                    backgroundColor: "#007AFF",
-                    padding: 12,
-                    borderRadius: 8,
-                    opacity: loginState.loading ? 0.6 : 1,
-                  },
-                ]}
+                style={[zero.px[6]]}
               >
                 <Text style={[{ color: "white" }]}>
                   {loginState.loading ? (
···
                     "Log in"
                   )}
                 </Text>
-              </Pressable>
+              </Button>
             </View>
           </View>
         </View>

js/app/src/router.tsx

···
   Home,
   LogIn,
   Menu,
-  Notebook,
   PanelLeftClose,
   PanelLeftOpen,
   Settings as SettingsIcon,
···
           options={{
             drawerIcon: () => <LogIn color={foregroundColor} size={24} />,
             drawerLabel: () => <Text variant="h5">Login</Text>,
-          }}
-        />
-        <Drawer.Screen
-          name="Signup"
-          component={SignUp}
-          options={{
-            drawerIcon: () => <Notebook color={foregroundColor} size={24} />,
-            drawerItemStyle: { display: "none" },
-            drawerLabel: () => <Text variant="h5">Sign up</Text>,
           }}
         />
         <Drawer.Screen