Add basic implementation for chat side panel components

src/interface/web/app/chat/chat.module.css

@@ -121,6 +121,7 @@ div.agentIndicator {
 
     div.chatLayout {
         gap: 0;
+        grid-template-columns: 1fr;
     }
 
 }

src/interface/web/app/chat/page.tsx

@@ -141,22 +141,22 @@ export default function Chat() {
     return (
         <div className={styles.main + " " + styles.chatLayout}>
             <title>
-                {title}
+                Khoj AI - {title}
             </title>
-            <Suspense fallback={<Loading />}>
                 <div className={styles.sidePanel}>
                     <SidePanel webSocketConnected={chatWS !== null} />
                 </div>
                 <div className={styles.chatBox}>
                     <NavMenu selected="Chat" title={title} />
                     <div className={styles.chatBoxBody}>
-                        <ChatBodyData
-                            chatOptionsData={chatOptionsData}
-                            setTitle={setTitle}
-                            onConversationIdChange={handleConversationIdChange} />
+                        <Suspense fallback={<Loading />}>
+                            <ChatBodyData
+                                chatOptionsData={chatOptionsData}
+                                setTitle={setTitle}
+                                onConversationIdChange={handleConversationIdChange} />
+                        </Suspense>
                     </div>
                 </div>
-            </Suspense>
         </div>
     )
 }