wip: new chat screen

src/app.tsx

@@ -6,6 +6,7 @@ import { ReactFlowProvider } from 'reactflow';
 import { AuthCreateScreen } from '@app/auth/create';
 import { AuthImportScreen } from '@app/auth/import';
 import { OnboardingScreen } from '@app/auth/onboarding';
+import { ChatsScreen } from '@app/chats';
 import { ErrorScreen } from '@app/error';
 import { ExploreScreen } from '@app/explore';
 
@@ -83,13 +84,6 @@ export default function App() {
             return { Component: UserScreen };
           },
         },
-        {
-          path: 'chats/:pubkey',
-          async lazy() {
-            const { ChatScreen } = await import('@app/chats');
-            return { Component: ChatScreen };
-          },
-        },
         {
           path: 'notifications',
           async lazy() {
@@ -104,15 +98,6 @@ export default function App() {
             return { Component: NWCScreen };
           },
         },
-        {
-          path: 'explore',
-          element: (
-            <ReactFlowProvider>
-              <ExploreScreen />
-            </ReactFlowProvider>
-          ),
-          errorElement: <ErrorScreen />,
-        },
         {
           path: 'relays',
           async lazy() {
@@ -135,6 +120,29 @@ export default function App() {
             return { Component: CommunitiesScreen };
           },
         },
+        {
+          path: 'explore',
+          element: (
+            <ReactFlowProvider>
+              <ExploreScreen />
+            </ReactFlowProvider>
+          ),
+          errorElement: <ErrorScreen />,
+        },
+        {
+          path: 'chats',
+          element: <ChatsScreen />,
+          errorElement: <ErrorScreen />,
+          children: [
+            {
+              path: 'chat/:pubkey',
+              async lazy() {
+                const { ChatScreen } = await import('@app/chats/chat');
+                return { Component: ChatScreen };
+              },
+            },
+          ],
+        },
       ],
     },
     {