fix(header): fix edX logo in header

src/components/Header/index.jsx

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Hyperlink } from '@edx/paragon';
 
+import EdxLogo from '../../../assets/edx-sm.png';
+
 export default class Header extends React.Component {
   constructor(props) {
     super(props);
@@ -9,11 +11,17 @@ export default class Header extends React.Component {
     };
   }
 
+  renderLogo() {
+    return (
+      <img src={EdxLogo} alt="edX logo" height="30" width="60" />
+    );
+  }
+
   render() {
     return (
       <div className="mb-3">
         <header className="d-flex justify-content-center align-items-center p-3 border-bottom-blue">
-          <Hyperlink content={<img src="./assets/edx-sm.png" alt="The edX logo" height="30" width="60" />} destination="https://www.edx.org" />
+          <Hyperlink content={this.renderLogo()} destination="https://www.edx.org" />
           <div />
         </header>
       </div>