lib: Make Banner components overridable

Author: sakshamarora1

src/lib/authentication/pages/Login/Login.js

@@ -247,7 +247,9 @@ class Login extends Component {
     this.redirectIfAlreadyLoggedIn();
     return (
       <>
-        <Banner />
+        <Overridable id="Login.extras">
+          <Banner />
+        </Overridable>
         <LoginLayout
           hasError={hasError}
           errorHeader={errorHeader}

src/lib/routes/backoffice/BackOffice.js

@@ -4,13 +4,16 @@ import { Notifications } from '@components/Notifications';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
 import BackOfficeRoutesSwitch from './BackOfficeRoutesSwitch';
+import Overridable from 'react-overridable';
 
 export class BackOffice extends Component {
   render() {
     const { location } = this.props;
     return (
       <>
-        <Banner />
+        <Overridable id="BackOffice.extras">
+          <Banner />
+        </Overridable>
         <div className="backoffice">
           <div className="bo-sidebar">
             <Sidebar location={location} />

src/lib/routes/frontsite/Frontsite.js

@@ -37,7 +37,9 @@ export default class FrontSite extends Component {
         <ILSMenu />
         <Notifications className="compact" />
         <Container fluid className="fs-content">
-          <Banner />
+          <Overridable id="FrontSite.extras">
+            <Banner />
+          </Overridable>
           <Switch>
             <Route
               exact