CEC-244 Remote car commands, search, sortable tables (#42)

* Add sortable table header

* Send bulk commands page
Update table page sizes
All tables are sortable

* Update site layout
Add search to update packages

* Reenable Datadog

* remove dev stuff

src/components/UpdatePackages/Create/index.jsx

@@ -1,5 +1,5 @@
-import React, { useRef, useState } from "react";
-import { Button, TextField, Typography } from "@material-ui/core";
+import React, { useEffect, useRef, useState } from "react";
+import { Button, TextField } from "@material-ui/core";
 import { DropzoneArea } from "material-ui-dropzone";
 import { useUserContext } from "../../Contexts/UserContext";
 import { useStatusContext } from "../../Contexts/StatusContext";
@@ -42,13 +42,19 @@ const FileUploadZone = ({ classes, token }) => {
 const MainForm = () => {
   const { uploading, upload, files, cancel } = useFileUploadContext();
   const { token } = useUserContext();
-  const { setMessage } = useStatusContext();
+  const { setMessage, setTitle } = useStatusContext();
   const [redirect, setRedirect] = useState(null);
   const classes = useStyles();
   const packagenameEl = useRef(null);
   const versionEl = useRef(null);
   const descEl = useRef(null);
   const releasenotesEl = useRef(null);
+
+  useEffect(() => {
+    setTitle("Create Update Package");
+    // eslint-disable-next-line
+  }, []);
+
   const onSubmit = async (event) => {
     try {
       event.preventDefault();
@@ -79,9 +85,6 @@ const MainForm = () => {
 
   return (
     <div className={classes.paper}>
-      <Typography component="h1" variant="h5">
-        Create Update Package
-      </Typography>
       <form className={classes.form} noValidate action="{onSubmit}">
         <TextField
           id="packagename"