basic conv display + fetch messages fnc

src/components/MainApp.jsx

@@ -1,6 +1,8 @@
 import { HotelProvider, useHotel } from "./HotelContext";
 import RoomWidget from "./widget/roomWidget"
+import ChatWidget from "./widget/chatWidget"
 
+import "./MainApp.css"
 
 export default function MainAppWrapper() {
   const accessToken = localStorage.getItem("access_tokens");
@@ -22,15 +24,15 @@ function MainApp() {
 
       <h2>Access token</h2>
       <pre>{accessToken}</pre>
+      <h3>Rooms: {rooms.length}</h3>
+      <h3>Conversations: {conversations.length}</h3>
+      <h3>Users: {users.length}</h3>
+      <h2>Dashboard</h2>
+      <section className="main">
 
-      <section>
-        <h2>Dashboard</h2>
-        <ul>
-          <li>Rooms: {rooms.length}</li>
-          <RoomWidget roomlist={rooms}/> 
-          <li>Conversations: {conversations.length}</li>
-          <li>Users: {users.length}</li>
-        </ul>
+        <RoomWidget roomlist={rooms}/> 
+        <ChatWidget convlist={conversations}/> 
+          
       </section>
     </div>
   );