Reorganize app pages (#73)

* Update layout and menus

* Add breadcrumbs
Add menu icons
Add ECU drop down

* Implement submenu
Update download progress

* revamped dashboard section - failing app.test.js

* Clean up

Co-authored-by: Drew Taylor <dtaylor@fiskerinc.com>

src/components/Layouts/MenuDrawer.jsx

@@ -1,26 +1,26 @@
 import React from "react";
 import clsx from "clsx";
-import Drawer from "@material-ui/core/Drawer";
-import AppBar from "@material-ui/core/AppBar";
-import Toolbar from "@material-ui/core/Toolbar";
-import Typography from "@material-ui/core/Typography";
-import Divider from "@material-ui/core/Divider";
+import {
+  Container,
+  Drawer,
+  AppBar,
+  Toolbar,
+  Typography,
+  Divider,
+} from "@material-ui/core";
 
 import SideMenu from "./SideMenu";
 import useStyles from "../useStyles";
 import { useUserContext } from "../Contexts/UserContext";
 import { useStatusContext } from "../Contexts/StatusContext";
-import { Button, Container } from "@material-ui/core";
+import UserMenu from "./UserMenu";
+import SiteBreadcrumbs from "../Controls/SiteBreadCrumbs";
 import logo from "../../assets/fisker-badge.svg";
 
 export default function MenuDrawer({ children }) {
   const classes = useStyles();
-  const { title } = useStatusContext();
-  const { signOut, token } = useUserContext();
-
-  const onSignOut = () => {
-    document.location = signOut();
-  };
+  const { title, sitePath } = useStatusContext();
+  const { token } = useUserContext();
 
   return (
     <div className={classes.root}>
@@ -31,17 +31,14 @@ export default function MenuDrawer({ children }) {
         })}
       >
         <Toolbar>
-          <Typography variant="h6" noWrap>
-            {title}
-          </Typography>
+          <div>
+            <Typography variant="h6" noWrap>
+              {title}
+            </Typography>
+            <SiteBreadcrumbs path={sitePath} className={classes.breadcrumbs} />
+          </div>
           {token !== null && (
-            <Button
-              color="inherit"
-              onClick={onSignOut}
-              className={classes.rightToolbar}
-            >
-              Sign Out
-            </Button>
+            <UserMenu color="inherit" className={classes.rightToolbar} />
           )}
         </Toolbar>
       </AppBar>