Update general device information

central_frontend/src/routes/DeviceRoute/GeneralDeviceInfo.tsx

@@ -1,16 +1,10 @@
 import EditIcon from "@mui/icons-material/Edit";
-import {
-  IconButton,
-  Table,
-  TableBody,
-  TableCell,
-  TableRow,
-  Tooltip,
-} from "@mui/material";
+import { IconButton, Table, TableBody, Tooltip } from "@mui/material";
 import React from "react";
 import { Device } from "../../api/DeviceApi";
 import { EditDeviceMetadataDialog } from "../../dialogs/EditDeviceMetadataDialog";
 import { formatDate } from "../../widgets/TimeWidget";
+import { DeviceInfoProperty } from "./DeviceInfoProperty";
 import { DeviceRouteCard } from "./DeviceRouteCard";
 
 export function GeneralDeviceInfo(p: {
@@ -78,17 +72,3 @@ export function GeneralDeviceInfo(p: {
     </>
   );
 }
-
-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 style={{ color: p.color }}>{p.value}</TableCell>
-    </TableRow>
-  );
-}