CEC-287 Add connection status to vehicles page (#63)

* Add connection status to vehicles page

* ConnectedIcon control

* Handle Style

src/components/Cars/List/index.jsx

@@ -21,6 +21,7 @@ import { LocalDateTimeString } from "../../../utils/dates";
 import TableHeaderSortable from "../../Table/HeaderSortable";
 import SearchField from "../../Controls/SearchField";
 import { logger } from "../../../services/monitoring";
+import ConnectedIcon from "../../Controls/ConnectedIcon";
 
 const tableColumns = [
   {
@@ -132,6 +133,10 @@ const MainForm = () => {
           {vehicles.map((row) => (
             <TableRow key={row.vin}>
               <TableCell align="center">
+                <ConnectedIcon
+                  connected={row.connected}
+                  style={{ marginRight: 5 }}
+                />
                 <Link to={`/vehicle-status/${row.vin}`}>{row.vin}</Link>
               </TableCell>
               <TableCell align="center">{row.model}</TableCell>