move folder to Router

-import React from "react";
-import styled from "styled-components";
-import TitleBox from "./TitleBox";
-import MenuIcons from "./MenuIcons";
-
-const MenuBar = styled.div`
-  width: 15%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  box-shadow: 1px 1px 10px #8395a7;
-  background-color: #667aff;
-`;
-
-export default () => {
-  return (
-    <MenuBar>
-      <TitleBox />
-      <MenuIcons />
-    </MenuBar>
-  );
-};

 import React from "react";
 import React from "react";
 import styled from "styled-components";
 import styled from "styled-components";
+import MenuIcons from "./MenuIcons";
+
+const MenuBar = styled.div`
+  width: 15%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  box-shadow: 1px 1px 10px #8395a7;
+  background-color: #667aff;
+`;
 
 
 const TitleBox = styled.div`
 const TitleBox = styled.div`
   display: flex;
   display: flex;
@@ -18,8 +30,11 @@ const Title = styled.span`
 
 
 export default () => {
 export default () => {
   return (
   return (
-    <TitleBox>
-      <Title>KhuChat</Title>
-    </TitleBox>
+    <MenuBar>
+      <TitleBox>
+        <Title>KhuChat</Title>
+      </TitleBox>
+      <MenuIcons />
+    </MenuBar>
   );
   );
 };
 };