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/Edit/index.jsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { useParams } from "react-router";
-import { Button, TextField, Typography } from "@material-ui/core";
+import { Button, TextField } from "@material-ui/core";
 
 import {
   UpdatesProvider,
@@ -19,7 +19,7 @@ const MainForm = () => {
       idToken: { jwtToken: token },
     },
   } = useUserContext();
-  const { setMessage } = useStatusContext();
+  const { setMessage, setTitle } = useStatusContext();
   const [packageName, setPackageName] = useState("");
   const [version, setVersion] = useState("");
   const [link, setLink] = useState("");
@@ -68,10 +68,16 @@ const MainForm = () => {
     }
   };
 
+  useEffect(() => {
+    setTitle(`Edit Update Package ${id}`);
+    // eslint-disable-next-line
+  }, []);
+
   useEffect(() => {
     getData();
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [token]);
+
   useEffect(() => {
     if (!packages || packages.length === 0) return;
     var data = packages[0];
@@ -86,9 +92,6 @@ const MainForm = () => {
 
   return (
     <div className={classes.paper}>
-      <Typography component="h1" variant="h5">
-        Edit Update Package {id}
-      </Typography>
       <form className={classes.form} noValidate action="{onSubmit}">
         <TextField
           label="Create Date"