In the index page I have three buttons: admin, trainer, user. When the user clicks admin there are a bunch of pages under admin same case for trainer. What’s the stack order in this case?

Another issue is that under tabs if I have a button that navigates the user to another page where do I place the code for this page under (tabs), under admin?

Should I have a separate _layout.tsx for admin, trainer?

This is the file order:

app
   index.tsx
   admin
      (tabs)
      login.tsx
   trainer
      login.tsx

Here is the current _layout.tsx file in the root folder

<SharedContext>
      <Stack>
        <Stack.Screen
          name="index"
        <Stack.Screen
          name="admin/login"
          
        />
        <Stack.Screen
          name="admin/(tabs)"
        />
        <Stack.Screen
          name="trainer/login"
        />
      </Stack>
    </SharedContext>