feat: Include chat public key in conversation data and enhance chat page layout for full width and dynamic height.

src/app/api/swarm/chat/conversations/route.ts

@@ -49,11 +49,12 @@ export async function GET(request: NextRequest) {
         // Parse participant info
         const participant2Handle = conv.participant2Handle;
         const isRemote = participant2Handle.includes('@');
-        
+
         let participant2Info = {
           handle: participant2Handle,
           displayName: participant2Handle,
           avatarUrl: null as string | null,
+          chatPublicKey: null as string | null,
         };
 
         // Try to get cached user info
@@ -66,6 +67,7 @@ export async function GET(request: NextRequest) {
             handle: cachedUser.handle,
             displayName: cachedUser.displayName || cachedUser.handle,
             avatarUrl: cachedUser.avatarUrl,
+            chatPublicKey: cachedUser.publicKey, // This is the chat public key
           };
         }
 

src/app/chat/chat.css

@@ -1,7 +1,12 @@
 /* Chat Page Styles */
 
 .chat-page {
-  height: calc(100vh - 60px);
+  height: 100vh;
+  /* Use dynamic viewport height for mobile browsers */
+  height: 100dvh;
+  max-height: 100dvh;
+  display: flex;
+  flex-direction: column;
 }
 
 .chat-container {

src/app/chat/page.tsx

@@ -9,7 +9,12 @@ import './chat.css';
 
 interface Conversation {
   id: string;
-  participant2: { handle: string; displayName: string; avatarUrl: string | null; chatPublicKey: string | null; };
+  participant2: {
+    handle: string;
+    displayName: string;
+    avatarUrl: string | null;
+    chatPublicKey: string | null;
+  };
   lastMessageAt: string;
   lastMessagePreview: string;
   unreadCount: number;

src/app/globals.css

@@ -260,8 +260,9 @@ a.btn-primary:visited {
 }
 
 .layout.hide-right-sidebar .main {
-  flex: 0 1 920px !important;
+  flex: 1 !important;
-  max-width: 920px !important;
+  max-width: 100% !important;
+  width: 100%;
 }
 
 .aside {