display logout button on header

src/app/index.tsx

@@ -9,6 +9,7 @@ import "normalize.css/normalize.css"
 import "react-toastify/dist/ReactToastify.css"
 import styles from "./styles.module.scss"
 import MainMenu from "../components/Navigation/MainMenu"
+import LogoutButton from "../components/LogoutButton/LogoutButton"
 
 interface Route {
     route: { routes: RouteConfig[] }
@@ -35,6 +36,9 @@ const App = ({ route }: Route): JSX.Element => (
             <div className={styles.menuWrapper}>
                 <MainMenu />
             </div>
+            <div className={styles.logoutWrapper}>
+                <LogoutButton />
+            </div>
         </header>
         {/* Child routes won't render without this */}
         {renderRoutes(route.routes)}

src/app/styles.module.scss

@@ -62,3 +62,11 @@
     right: 10px;
     text-align: center;
 }
+
+.logoutWrapper {
+    position: absolute;
+    bottom: -22px;
+    right: 10px;
+    padding: 0;
+    background: none;
+}

src/components/LogoutButton/styles.module.scss

@@ -2,6 +2,8 @@
     text-align: center;
 
     button {
+        padding: 0;
+        background: none;
         font-weight: normal;
         font-size: 0.9em;
     }