add create project text + link

src/components/projects/ListProjects.jsx

@@ -85,9 +85,12 @@ function ListProjects({ classes }) {
         )
       })}
       <Divider className={classes.divider} />
-      <Fab className={classes.fab}>
-        <AddIcon className={classes.addIcon}/>
-      </Fab>
+      <Link to={`/create-project`} className={classes.fabLink}>
+        <Fab className={classes.fab}>
+          <AddIcon className={classes.addIcon}/>
+        </Fab>
+        <Typography className={classes.fabText}>Add your own project</Typography>
+      </Link>
     </div>
   )
 }

src/components/projects/styles/ListProjects.js

@@ -10,6 +10,9 @@ const styles = theme => ({
   px15: {
     fontSize: '0.9375rem'
   },
+  px16: {
+    fontSize: '1rem'
+  },
   main: {
     display: 'grid',
     gridTemplateColumns: 'repeat(48, [col] 1fr)',
@@ -51,7 +54,19 @@ const styles = theme => ({
   fab: {
     gridColumn: '3 / 5',
     background: '#EEF2F5',
-    boxShadow: 'none'
+    boxShadow: 'none',
+    marginRight: '1em'
+  },
+  fabText: {
+    fontWeight: 500,
+    fontSize: '1.2rem'
+  },
+  fabLink: {
+    display: 'flex',
+    alignItems: 'center',
+    textDecoration: 'none',
+    marginTop: '2rem',
+    gridColumn: '3 / 49'
   },
   tableTitle: {
     color: '#939BA1',