feature(close icon): close icon on new channel form

app/components/ChannelForm/ChannelForm.js

@@ -2,6 +2,8 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import ReactModal from 'react-modal'
 
+import { FaClose } from 'react-icons/lib/fa'
+
 import StepOne from './StepOne'
 import StepTwo from './StepTwo'
 import StepThree from './StepThree'
@@ -46,6 +48,10 @@ const ChannelForm = ({
       parentSelector={() => document.body}
       className={styles.modal}
     >
+      <div onClick={closeChannelForm} className={styles.modalClose}>
+        <FaClose className={styles.close} />
+      </div>
+
       <header className={styles.header}>
         <h3>{channelFormHeader}</h3>
         <div className={styles.progress} style={{ width: `${channelFormProgress}%` }}></div>

app/components/ChannelForm/ChannelForm.scss

@@ -1,6 +1,7 @@
 @import '../../variables.scss';
 
 .modal {
+  position: relative;
   width: 40%;
   min-height: 600px;
   margin: 50px auto;
@@ -15,6 +16,28 @@
   border: 1px solid $darkgrey;
 }
 
+.modalClose {
+  position: absolute;
+  top: -13px;
+  right: -13px;
+  display: block;
+  font-size: 16px;
+  line-height: 27px;
+  width: 32px;
+  height: 32px;
+  background: $white;
+  border-radius: 50%;
+  color: $darkestgrey;
+  cursor: pointer;
+  text-align: center;
+  z-index: 2;
+  transition: all 0.25s;
+}
+
+.modalClose:hover {
+  background: $darkgrey;
+}
+
 .header {
    padding: 20px;
    background: $lightgrey;