making chat component and fix style issues relate to issue #7

frontend/src/AppRoutes.css

@@ -1,4 +1,4 @@
-.AppRoutes {
+.AppRoutes { 
   text-align: center;
     position: relative;
     min-height: 667px;

frontend/src/AppRoutes.js

@@ -2,7 +2,7 @@ import React from 'react';
 import {BrowserRouter, Route, Switch} from 'react-router-dom'
 
 import './AppRoutes.css';
-import './style/style.css';
+import './style/style.css'; 
 
 import Login from './components/Login/Login';
 import Header from './components/Header';

frontend/src/components/Chats/Chats.js

@@ -56,6 +56,7 @@ const Chat = ({ saveMsg }) => (
       </div>
     </div>
   </form>
+
 );
 
 const Messages = ({ chat }) => (

frontend/src/components/Chats/styles.css

@@ -187,7 +187,7 @@
 }
 
 .section{
- overflow-y: scroll;
+ overflow-y: scroll; 
  height: 340px;
  margin-top: 20px;
  margin-left: 25px;