CEC-1058 fleet forms (#123)

* working fleets page

* unit tests

* snapshots

* updating messages and snapshots

* updating extraneous snaps

src/components/Layouts/SideMenu.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import { List } from "@material-ui/core";
 import HomeIcon from "@material-ui/icons/Home";
+import DirectionsCarIcon from '@material-ui/icons/DirectionsCar';
 import CommuteIcon from "@material-ui/icons/Commute";
 import CloudDownloadIcon from "@material-ui/icons/CloudDownload";
 import AssessmentIcon from "@material-ui/icons/Assessment";
@@ -22,19 +23,25 @@ const menuData = [
     label: "Deployments",
     to: "/packages",
     icon: <CloudDownloadIcon />,
-    roles: [Roles.CREATE, Roles.READ],
+    roles: [Roles.READ, Roles.CREATE],
   },
   {
     label: "Vehicles",
     to: "/vehicles",
+    icon: <DirectionsCarIcon />,
+    roles: [Roles.READ, Roles.CREATE],
+  },
+  {
+    label: "Fleets",
+    to: "/fleets",
     icon: <CommuteIcon />,
-    roles: [Roles.CREATE],
+    roles: [Roles.READ, Roles.CREATE],
   },
   {
     label: "Datascope",
     to: "/datascope",
     icon: <AssessmentIcon />,
-    roles: [Roles.CREATE, Roles.READ],
+    roles: [Roles.READ, Roles.CREATE],
     submenus: [
       {
         label: "Battery",