fix: call switchHeader before authorize

Author: Henry Hein

src/javascript/app/base/header.js

@@ -40,19 +40,17 @@ const Header = (() => {
     };
 
     const onLoad = () => {
-        const shadow_header = getElementById('template_header');
         populateAccountsList();
         populateWalletAccounts();
         bindSvg();
+        switchHeaders();
         BinarySocket.wait('authorize','landing_company').then(() => {
-            switchHeaders();
             setHeaderUrls();
             bindPlatform();
             bindClick();
         });
         if (Client.isLoggedIn()) {
             displayAccountStatus();
-            shadow_header.remove();
         }
         fullscreen_map.event.forEach(event => {
             document.addEventListener(event, onFullScreen, false);

src/templates/_common/_layout/layout.jsx

@@ -3,7 +3,6 @@ import Head from './head.jsx';
 import Header from './header.jsx';
 // import MobileMenu from './mobile_menu.jsx';
 import WalletHeader from './wallet-header.jsx';
-import TemplateHeader from './templateHeader.jsx';
 import DerivIFrame from '../includes/deriv-iframe.jsx';
 // import Elevio from '../includes/elevio.jsx';
 import Gtm from '../includes/gtm.jsx';
@@ -69,7 +68,6 @@ const Layout = () => {
                 <Gtm />
                 <div id='msg_notification' className='notice-msg center-text' />
                 <div id='page-wrapper'>
-                    <TemplateHeader />
                     <Header />
                     <WalletHeader />
                     <div id='content-holder'>