feat: add open edx header (#254)

* feat: add open edx header

ARCH-1151: Add the open edx header. edX pipelines should be configured to override it with the edx header in the deployment pipeline

* fix: upgrade frontend-base for merge messages update

* Update package.json

* Update package.json

* Update package-lock.json

src/index.jsx

@@ -5,10 +5,10 @@ import { NewRelicLoggingService } from '@edx/frontend-logging';
 import React from 'react';
 import ReactDOM from 'react-dom';
 
+import Header, { messages as headerMessages } from '@edx/frontend-component-header';
 import Footer from '../footer/Footer';
-import Header from '../header/Header';
 
-import messages from './i18n';
+import appMessages from './i18n';
 import './index.scss';
 import ProfileMain from './profile/components/ProfileMain';
 import configureStore from './store';
@@ -28,4 +28,7 @@ App.subscribe(APP_ERROR, (error) => {
   ReactDOM.render(<ErrorPage message={error.message} />, document.getElementById('root'));
 });
 
-initialize({ messages, loggingService: NewRelicLoggingService });
+initialize({
+  messages: [appMessages, headerMessages],
+  loggingService: NewRelicLoggingService,
+});

src/index.scss

@@ -4,7 +4,7 @@
 $fa-font-path: "~font-awesome/fonts";
 @import "~font-awesome/scss/font-awesome";
 
-@import "~@edx/frontend-component-site-header/src/index";
+@import "~@edx/frontend-component-header/src/index";
 @import "~@edx/frontend-component-footer/src/lib/scss/site-footer";
 
 .word-break-all {