Add package updates, car updates, and vehicle screens (#25)

src/components/Layouts/MenuDrawer.jsx

@@ -100,7 +100,7 @@ export default function MenuDrawer({ children }) {
         })}
       >
         <div className={classes.drawerHeader} />
-        <Container component="main" maxWidth="md">
+        <Container component="main" maxWidth="lg">
           {children}
         </Container>
       </main>

src/components/Layouts/SideMenu.jsx

@@ -11,10 +11,20 @@ const menuData = [
     roles: [],
   },
   {
-    label: "Upload Update Package",
+    label: "View Updates",
+    to: "/updates",
+    roles: [Roles.CREATE, Roles.READ],
+  },
+  {
+    label: "Create Updates",
     to: "/package-upload",
     roles: [Roles.CREATE],
   },
+  {
+    label: "View Vehicles",
+    to: "/vehicles",
+    roles: [Roles.CREATE, Roles.READ],
+  },
   {
     label: "Add Vehicles",
     to: "/vehicle-add",

src/components/Layouts/__snapshots__/SideMenu.test.jsx.snap

@@ -30,6 +30,28 @@ exports[`SideMenu Authenticated 1`] = `
           />
         </a>
       </li>
+      <li>
+        <a
+          aria-disabled="false"
+          class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+          href="/updates"
+          role="button"
+          tabindex="0"
+        >
+          <div
+            class="MuiListItemText-root"
+          >
+            <span
+              class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+            >
+              View Updates
+            </span>
+          </div>
+          <span
+            class="MuiTouchRipple-root"
+          />
+        </a>
+      </li>
       <li>
         <a
           aria-disabled="false"
@@ -44,7 +66,29 @@ exports[`SideMenu Authenticated 1`] = `
             <span
               class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
             >
-              Upload Update Package
+              Create Updates
+            </span>
+          </div>
+          <span
+            class="MuiTouchRipple-root"
+          />
+        </a>
+      </li>
+      <li>
+        <a
+          aria-disabled="false"
+          class="MuiButtonBase-root MuiListItem-root MuiListItem-gutters MuiListItem-button"
+          href="/vehicles"
+          role="button"
+          tabindex="0"
+        >
+          <div
+            class="MuiListItemText-root"
+          >
+            <span
+              class="MuiTypography-root MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock"
+            >
+              View Vehicles
             </span>
           </div>
           <span