create SubMenuBar.js

+import React from "react";
+import Styled from "styled-components";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+import { faPlusCircle } from "@fortawesome/free-solid-svg-icons";
+import SearchBox from "./SearchBox";
+import ChatListBox from "./ChatListBox";
+
+const SubMenuBar = Styled.div`
+    height: 100%;
+    display:flex;
+    flex-direction: column;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px 10px;
+`;
+
+const PlusIconBox = Styled.div`
+  width:100%;
+  display:flex;
+  justify-content:flex-end;
+  align-items:center;
+  font-size: 45px;
+  color: #98D79C;
+`;
+
+export default () => {
+  return (
+    <SubMenuBar>
+      <SearchBox />
+      <ChatListBox />
+      <ChatListBox />
+      <ChatListBox />
+      <PlusIconBox>
+        <FontAwesomeIcon icon={faPlusCircle} />
+      </PlusIconBox>
+    </SubMenuBar>
+  );
+};