Simplify structure of chat page to match other pages

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

@@ -5,7 +5,6 @@ import React, { Suspense, useEffect, useState } from 'react';
 
 import SidePanel from '../components/sidePanel/chatHistorySidePanel';
 import ChatHistory from '../components/chatHistory/chatHistory';
-import NavMenu from '../components/navMenu/navMenu';
 import { useSearchParams } from 'next/navigation'
 import Loading from '../components/loading/loading';
 
@@ -231,31 +230,18 @@ export default function Chat() {
     if (isLoading) return <Loading />;
 
     return (
-        <div className={styles.main + " " + styles.chatLayout}>
+        <div className={`${styles.main} ${styles.chatLayout}`}>
             <title>
                 {`${defaultTitle}${(!!title && title !== defaultTitle)? `: ${title}` : ''}`}
             </title>
-            {
+            <div>
-                !isMobileWidth &&
+                <SidePanel
-                <div>
+                    conversationId={conversationId}
-                    <SidePanel
+                    uploadedFiles={uploadedFiles}
-                        conversationId={conversationId}
+                    isMobileWidth={isMobileWidth}
-                        uploadedFiles={uploadedFiles}
+                />
-                        isMobileWidth={isMobileWidth}
+            </div>
-                    />
-                </div>
-            }
             <div className={styles.chatBox}>
-                {
-                    isMobileWidth &&
-                    <div>
-                        <SidePanel
-                            conversationId={conversationId}
-                            uploadedFiles={uploadedFiles}
-                            isMobileWidth={isMobileWidth}
-                        />
-                    </div>
-                }
                 <div className={styles.chatBoxBody}>
                     {
                         !isMobileWidth &&