Rename Header to Menu.

src/components/Header.tsx → src/components/Menu.tsx

@@ -14,7 +14,7 @@ const Link: FC<LinkProps> = ({ to, children }) => (
   </NavLink>
 );
 
-const Header: FC = () => (
+const Menu: FC = () => (
   <header className="hidden md:flex p-4 items-center w-full overflow-hidden">
     <h1
       className={
@@ -31,4 +31,4 @@ const Header: FC = () => (
   </header>
 );
 
-export default Header;
+export default Menu;

src/components/SolsticeApp.tsx

@@ -3,8 +3,8 @@ import { Switch, Redirect, Route, useLocation } from "react-router-dom";
 
 import { useAppSelector } from "app/hooks";
 import ConnectPage from "components/ConnectPage";
-import Header from "components/Header";
 import Footer from "components/Footer";
+import Menu from "components/Menu";
 import { roomListPath } from "modules/room/paths";
 import RoomsPane from "modules/room/RoomsPane";
 import { userListPath } from "modules/user/paths";
@@ -51,7 +51,7 @@ const SolsticeApp = () => (
     </Route>
     <Route path="/">
       <ConnectedApp>
-        <Header />
+        <Menu />
         <MainPane />
         <Footer />
       </ConnectedApp>