Add chatroombox, userbox components

 // components
 import Bottombar from "./components/Bottombar";
 import Topbar from "./components/Topbar";
+import ChatroomBox from "./components/ChatroomBox";
 
 function App() {
   return (
     <div>
       <Topbar />
-      <h1>Chatroom</h1>
+      <h1>Chatroom page</h1>
+      <div>
+        <div>Weather Chatbot</div>
+        <div>Weather Chatbot</div>
+        <div>Weather Chatbot</div>
+      </div>
+
+      <br />
+
+      <div>
+        <ChatroomBox />
+        <ChatroomBox />
+        <ChatroomBox />
+        <ChatroomBox />
+      </div>
       <Bottombar />
     </div>
   );

+function ChatroomBox() {
+  return <div>chatroomBox</div>;
+}
+
+export default ChatroomBox;

+function UserBox() {
+  return <div>UserBox</div>;
+}
+
+export default UserBox;

 // components
 import Bottombar from "../components/Bottombar";
 import Topbar from "../components/Topbar";
+import UserBox from "../components/UserBox";
 
 function Userroom() {
   return (
     <div>
       <Topbar />
       <h1>Userroom page</h1>
+      <div>
+        <UserBox />
+        <UserBox />
+        <UserBox />
+        <UserBox />
+      </div>
       <Bottombar />
     </div>
   );