added usage

Author: prasanna1211

docs/client/components/AppNavbar/index.js

@@ -63,7 +63,7 @@ class Navbar extends React.Component {
                   to="/components"
                   onClick={() => { this.handleNavClick('components') }}
                 > 
-                  <span className={`${activeLink === 'components' && 'active'}`}>API</span> 
+                  <span className={`${activeLink === 'components' && 'active'}`}>Usage</span> 
                 </Link>
               </Col>
             </Row>

docs/client/components/ComponentsPage/index.js

@@ -1,8 +1,13 @@
 import React from 'react';
 
+import CardReadme from '../../../../src/card/readMe.md';
+
+import styles from './styles.scss';
+
 const ComponentsPage = () => (
-  <div>
-    Components Page
+  <div className={styles.usage}>
+    <div dangerouslySetInnerHTML={{ __html: CardReadme }} />
+    <div style={{ height: '100px' }} />
   </div>
 );
 

docs/client/components/ComponentsPage/styles.scss

@@ -0,0 +1,4 @@
+:local(.usage) {
+  overflow: scroll;
+  padding: 5%;
+}