165167323-bug(src/components): Add a folder for each component

 - create a folder for each component
 - Everything related to the component is placed inside this folder i.e tests and styles.

[Delivers #165167323]

src/components/Home/Home.js

@@ -1,16 +1,12 @@
 import React, { Component } from 'react';
 import '../../App.css';
 
-class App extends Component {
-  render() {
-    return (
-      <div className="App">
-        <header className="App-header">
-          <p>WELCOME TO AUTHORS HAVEN</p>
-        </header>
-      </div>
-    );
-  }
-}
+const App = () => (
+  <div className="App">
+    <header className="App-header">
+      <p>WELCOME TO AUTHORS HAVEN</p>
+    </header>
+  </div>
+);
 
 export default App;

src/components/Login/Login.js

@@ -1,13 +1,11 @@
 import React from 'react';
 
-export default () => {
-  return (
-    <div>
-      <form>
-        <input type="text" placeholder="Username" />
-        <input type="password" placeholder="Password" />
-        <button>Login</button>
-      </form>
-    </div>
-  );
-};
+export default () => (
+  <div>
+    <form>
+      <input type="text" placeholder="Username" />
+      <input type="password" placeholder="Password" />
+      <button>Login</button>
+    </form>
+  </div>
+);