remove unnecessary files

-import React from "react";
-import styled from "styled-components";
-
-const ChatFooter = styled.div`
-  display: flex;
-`;
-
-export default () => {
-  return <ChatFooter></ChatFooter>;
-};

-import React from "react";
-import styled from "styled-components";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faPhone, faEllipsisH } from "@fortawesome/free-solid-svg-icons";
-
-const ChatHeader = styled.div`
-  width: 100%;
-  display: flex;
-  justify-content: space-around;
-  align-items: center;
-  box-shadow: 1px 1px 7px #8395a7;
-`;
-
-const NickNameBox = styled.div`
-  display: flex;
-  flex-direction: column;
-  padding: 10px;
-  opacity: 0.8;
-`;
-
-const NickName = styled.span`
-  font-size: 20px;
-`;
-
-const IconBox = styled.div`
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  opacity: 0.8;
-`;
-
-export default () => {
-  return (
-    <ChatHeader>
-      <NickNameBox>
-        <NickName /> NickName
-      </NickNameBox>
-      <IconBox>
-        <FontAwesomeIcon icon={faPhone} />
-        <FontAwesomeIcon icon={faEllipsisH} />
-      </IconBox>
-    </ChatHeader>
-  );
-};

-import React from "react";
-import styled from "styled-components";
-import IncomingMsg from "../IncomingMsg";
-import OutcomingMsg from "../OutcomingMsg";
-
-const ChatScreen = styled.div``;
-
-export default () => {
-  return (
-    <ChatScreen>
-      <IncomingMsg />
-      <OutcomingMsg />
-    </ChatScreen>
-  );
-};

-import React from "react";
-import styled from "styled-components";
-import ChatHeader from "./ChatHeader";
-import ChatScreen from "./ChatScreen";
-import ChatFooter from "./ChatFooter";
-
-const MainScreen = styled.div`
-  display: flex;
-  flex-direction: column;
-  width: 55%;
-`;
-
-export default () => {
-  return (
-    <MainScreen>
-      <ChatHeader />
-      <ChatScreen />
-      <ChatFooter />
-    </MainScreen>
-  );
-};