move home.js and so on into according folders

twistter-frontend/src/App.js

@@ -8,10 +8,10 @@ import Route from 'react-router-dom/Route';
 
 import NavBar, { Navbar } from './components/layout/NavBar';
 
-import home from './Home.js';
+import home from './pages/Home';
-import register from './Register.js';
+import register from './pages/Register';
-import login from './Login.js';
+import login from './pages/Login';
-import user from './pages/user';
+import user from './pages/User';
 import writeMicroblog from './Writing_Microblogs.js';
 import userLine from './Userline.js';
 

twistter-frontend/src/components/topic/ChipsArray.js

@@ -3,7 +3,9 @@ import { makeStyles } from '@material-ui/core/styles';
 import Chip from '@material-ui/core/Chip';
 import Paper from '@material-ui/core/Paper';
 
-const useStyles = makeStyles(theme => ({
+
+// TODO: fix the style
+const styles = makeStyles(theme => ({
   root: {
     display: 'flex',
     justifyContent: 'center',

twistter-frontend/src/pages/Login.js

@@ -1,8 +1,8 @@
 /* eslint-disable */
 import React, { Component } from 'react';
-import './App.css';
+import '../App.css';
 
-import logo from './images/twistter-logo.png';
+import logo from '../images/twistter-logo.png';
 import TextField from '@material-ui/core/TextField';
 
 class Login extends Component {