Fix broken links in account settings

Author: dgca

packages/mobile-app/app/(drawer)/account/_layout.tsx

@@ -37,7 +37,8 @@ export default function Layout() {
       <Stack.Screen
         name="index"
         options={{
-          headerTitle: () => (
+          title: "Loading...",
+          headerTitle: (props) => (
             <TouchableWithoutFeedback
               onPress={() => {
                 router.push("/(drawer)/account/account-select");
@@ -46,7 +47,7 @@ export default function Layout() {
               <View
                 style={{ flexDirection: "row", alignItems: "center", gap: 4 }}
               >
-                <Text category="h6">Testing</Text>
+                <Text category="h6">{props.children}</Text>
                 <Icon
                   name="chevron-down-outline"
                   fill={theme["text-basic-color"]}

packages/mobile-app/app/(drawer)/account/account-select/index.tsx renamed to packages/mobile-app/app/(drawer)/account/account-settings/account-select/index.tsx

@@ -24,23 +24,23 @@ const ForwardIcon = (props: any): IconElement => (
 const ACCOUNT_SETTINGS_ROUTES = {
   accountSelect: {
     title: "Account Select",
-    href: "account-select",
+    href: "/(drawer)/account/account-settings/account-select",
   },
   accountName: {
     title: "Account Name",
-    href: "account-settings/account-name",
+    href: "/(drawer)/account/account-settings/account-name",
   },
   exportAccount: {
     title: "Export Account",
-    href: "account-settings/export-account",
+    href: "/(drawer)/account/account-settings/export-account",
   },
   removeAccount: {
     title: "Remove Account",
-    href: "account-settings/remove-account",
+    href: "/(drawer)/account/account-settings/remove-account",
   },
   addAccount: {
     title: "Add Account",
-    href: "add-account",
+    href: "/(drawer)/account/account-settings/add-account",
   },
 } as const;
 
@@ -114,7 +114,7 @@ function AccountSettingsContent({ accountName }: { accountName: string }) {
 
   return (
     <>
-      <Stack.Screen options={{ title: accountName }} />
+      <Stack.Screen options={{ title: "Account Settings" }} />
       <Layout style={styles.container} level="1">
         <Menu style={styles.menu}>
           {menuItems