rename header component to application bar

src/components/App.js

@@ -2,7 +2,7 @@ import React, { Suspense, useEffect } from "react";
 import PropTypes from "prop-types";
 import { Route, Switch } from "react-router-dom";
 import HomePage from "./home/HomePage";
-import Header from "./layout/Header";
+import AppBar from "./layout/ApplicationBar";
 import PageNotFound from "./PageNotFound";
 import SessionContainer from "../features/session/components/SessionContainer";
 import ReleaseNotesContainer from "../features/releaseNotes/components/ReleaseNotesContainer";
@@ -26,7 +26,7 @@ function App({ actions }) {
 
   return (
     <Suspense fallback={<div></div>}>
-      <Header />
+      <AppBar />
       <BotsManager />
       <br />
       <div style={contentStyle}>

src/components/layout/ApplicationBar.js

@@ -29,7 +29,7 @@ const useStyles = makeStyles(theme => ({
   }
 }));
 
-const Header = () => {
+const ApplicationBar = () => {
   const classes = useStyles();
   const { t, i18n } = useTranslation();
 
@@ -141,4 +141,4 @@ const Header = () => {
   );
 };
 
-export default Header;
+export default ApplicationBar;