CEC-1050 New manifest format (#117)

* CEC-1050 Manifest changes

* Fix delete bug

* Add approve update button

* Code smell

* Remove update approval

src/components/Manifest/Details/__snapshots__/index.test.jsx.snap

@@ -116,11 +116,18 @@ Object {
               ECUs: 
               <ul>
                 <li>
-                  ICC, Part: BBBBBB, Version: 1000
+                  ICC, SW Version: 1000, HW Version: undefined, Mode: undefined
                   <br />
                   <ul>
                     <li>
-                      ODX Data: LARGE.jpg 
+                      <a
+                        href="https://upload-dev.fiskerdps.com/92bbc448-99c8-4851-91ad-f8042e4deb49/LARGE.jpg"
+                      >
+                        LARGE.jpg
+                      </a>
+                       [
+                      b0cda514c94080b4
+                      ]
                     </li>
                   </ul>
                 </li>
@@ -154,11 +161,18 @@ Object {
             ECUs: 
             <ul>
               <li>
-                ICC, Part: BBBBBB, Version: 1000
+                ICC, SW Version: 1000, HW Version: undefined, Mode: undefined
                 <br />
                 <ul>
                   <li>
-                    ODX Data: LARGE.jpg 
+                    <a
+                      href="https://upload-dev.fiskerdps.com/92bbc448-99c8-4851-91ad-f8042e4deb49/LARGE.jpg"
+                    >
+                      LARGE.jpg
+                    </a>
+                     [
+                    b0cda514c94080b4
+                    ]
                   </li>
                 </ul>
               </li>

src/components/Manifest/Details/index.jsx

@@ -11,7 +11,9 @@ const ECUFileList = (files) => {
   return (
     <ul>
       {files.map((file) => (
-        <li key={file.filename}>{`${file.type}: ${file.filename} `}</li>
+        <li key={file.filename}>
+          <a href={file.url}>{file.filename}</a> [{file.file_id}]
+        </li>
       ))}
     </ul>
   );
@@ -23,7 +25,7 @@ const ECUList = (ecus) => {
     <ul>
       {ecus.map((ecu) => (
         <li key={ecu.name}>
-          {`${ecu.name}, Part: ${ecu.part_number}, Version: ${ecu.version}`}
+          {`${ecu.name}, SW Version: ${ecu.version}, HW Version: ${ecu.hw_version}, Mode: ${ecu.mode}`}
           <br />
           {ECUFileList(ecu.files)}
         </li>

src/components/Manifest/Status/index.jsx

@@ -140,7 +140,7 @@ const MainForm = () => {
           {carUpdates.map((row) => (
             <TableRow key={row.id}>
               <TableCell align="center">{row.id}</TableCell>
-              <TableCell align="center">
+              <TableCell align="center" style={{ verticalAlign: "top" }}>
                 <Link to={`/vehicle-status/${row.vin}`}>{row.vin}</Link>
               </TableCell>
               <TableCell align="center">