Start to build relay dialog

central_frontend/src/routes/DeviceRoute/GeneralDeviceInfo.tsx

@@ -62,6 +62,7 @@ export function GeneralDeviceInfo(p: {
             <DeviceInfoProperty
               label="Enabled"
               value={p.device.enabled ? "YES" : "NO"}
+              color={p.device.enabled ? "green" : "red"}
             />
             <DeviceInfoProperty
               label="Maximum number of relays"
@@ -82,11 +83,12 @@ function DeviceInfoProperty(p: {
   icon?: React.ReactElement;
   label: string;
   value: string;
+  color?: string;
 }): React.ReactElement {
   return (
     <TableRow hover sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
       <TableCell>{p.label}</TableCell>
-      <TableCell>{p.value}</TableCell>
+      <TableCell style={{ color: p.color }}>{p.value}</TableCell>
     </TableRow>
   );
 }