Update logo icon on the header

Author: Gilyoung

src/components/Header/Header.scss

@@ -6,12 +6,11 @@
   border-bottom: 1px solid $grey3;
   .logo {
     width: auto;
-    height: 50px;
+    height: 24px;
   }
   .menu-btn {
+    padding: 25px;
     color: $grey2;
-    padding-left: 23px;
-    padding-right: 5px;
     cursor: pointer;
   }
 }

src/components/Header/Header.tsx

@@ -6,7 +6,7 @@ import { Dispatch } from "redux";
 import { ReducerConfigure } from "../../redux";
 import actions from "../../redux/global/globalActions";
 import "./Header.css";
-import * as Logo from "./img/codechain-logo.png";
+import * as Logo from "./img/logo.svg";
 
 interface StateProps {
     isAuthenticated: boolean;
@@ -24,10 +24,7 @@ class Header extends React.Component<Props, any> {
         return (
             <div className="Header">
                 <div className="d-flex align-items-center h-100">
-                    <div
-                        className="menu-btn p-4 ml-3"
-                        onClick={this.handleToggleMenu}
-                    >
+                    <div className="menu-btn" onClick={this.handleToggleMenu}>
                         <FontAwesomeIcon icon="bars" />
                     </div>
                     <Link to="/">