CEC-252, CEC-253 Remove modal status popup, new car selection control (#45)

* Create multiselect car table control
Remove table overflow containers

* Include trim to add car form

* CEC-252 Replace modal status with link to car details page

* Remove send command from car status page
Fix menu key warning

src/components/Cars/Add/index.jsx

@@ -21,6 +21,7 @@ const MainForm = () => {
   const vinEl = useRef(null);
   const modelEl = useRef(null);
   const yearEl = useRef(null);
+  const trimEl = useRef(null);
 
   useEffect(() => {
     setTitle("Add Vehicle");
@@ -34,6 +35,7 @@ const MainForm = () => {
         vin: vinEl.current.value,
         model: modelEl.current.value,
         year: parseInt(yearEl.current.value),
+        trim: trimEl.current.value,
       };
 
       const result = await addVehicle(formData, token);
@@ -91,6 +93,21 @@ const MainForm = () => {
           fullWidth
           inputRef={yearEl}
         />
+        <TextField
+          id="trim"
+          name="trim"
+          label="Trim"
+          defaultValue="Base"
+          variant="outlined"
+          margin="normal"
+          inputProps={{
+            maxLength: "4",
+            minLength: "4",
+          }}
+          required
+          fullWidth
+          inputRef={trimEl}
+        />
         <Button
           type="submit"
           disabled={busy}