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/Routes/SiteRoutes.jsx

@@ -10,13 +10,12 @@ const SSOForm = React.lazy(() => import("../SSOForm"));
 const Home = React.lazy(() => import("../Home"));
 const VehicleAddForm = React.lazy(() => import("../Cars/Add"));
 const PageNotFound = React.lazy(() => import("../404"));
-const UpdatePackageEdit = React.lazy(() => import("../UpdatePackages/Edit"));
 const CarUpdatesDeploy = React.lazy(() => import("../CarUpdates/Deploy"));
 const CarUpdatesStatus = React.lazy(() => import("../CarUpdates/Status"));
 const CarUpdates = React.lazy(() => import("../Cars/Status"));
-const VehiclesList = React.lazy(() => import("../Cars/List"));
 const SendCommandBulk = React.lazy(() => import("../Cars/SendCommandBulk"));
-const Dashboard = React.lazy(() => import("../Dashboard"));
+const Datascope = React.lazy(() => import("../Datascope/Home"));
+const BatteryDatascope = React.lazy(() => import("../Datascope/Battery"));
 const Manifests = React.lazy(() => import("../Manifest/List"));
 const ManifestDeploy = React.lazy(() => import("../Manifest/Deploy"));
 const ManifestStatus = React.lazy(() => import("../Manifest/Status"));
@@ -41,14 +40,6 @@ const SiteRoutes = () => {
           type={TYPES.PROTECTED}
           token={token}
         />
-        <AuthRoute
-          path="/update/:id"
-          render={() => <UpdatePackageEdit />}
-          type={TYPES.PROTECTED}
-          token={token}
-          groups={groups}
-          roles={[Roles.CREATE]}
-        />
         <AuthRoute
           path="/carupdate-deploy/:packageid"
           render={() => <CarUpdatesDeploy />}
@@ -67,11 +58,11 @@ const SiteRoutes = () => {
         />
         <AuthRoute
           path="/vehicles"
-          render={() => <VehiclesList />}
+          render={() => <SendCommandBulk />}
           type={TYPES.PROTECTED}
           token={token}
           groups={groups}
-          roles={[Roles.READ, Roles.CREATE]}
+          roles={[Roles.CREATE]}
         />
         <AuthRoute
           path="/vehicle-add"
@@ -90,16 +81,16 @@ const SiteRoutes = () => {
           roles={[Roles.READ, Roles.CREATE]}
         />
         <AuthRoute
-          path="/vehicles-command"
-          render={() => <SendCommandBulk />}
+          path="/datascope/battery"
+          render={() => <BatteryDatascope />}
           type={TYPES.PROTECTED}
           token={token}
           groups={groups}
-          roles={[Roles.CREATE]}
+          roles={[Roles.READ, Roles.CREATE]}
         />
         <AuthRoute
-          path="/dashboard"
-          render={() => <Dashboard />}
+          path="/datascope"
+          render={() => <Datascope />}
           type={TYPES.PROTECTED}
           token={token}
           groups={groups}