system version component update

public/locales/en/translations.json

@@ -71,7 +71,6 @@
       "Date": "Date"
     },
     "SystemVersion": {
-      "Title": "Component versions",
       "Server": "Server: {{version}}",
       "Api": "API: {{version}}",
       "Frontend": "UI: {{version}}",

public/locales/ro/translations.json

@@ -62,7 +62,6 @@
       "Date": "Dată"
     },
     "SystemVersion": {
-      "Title": "Versiuni componente",
       "Server": "Server: {{version}}",
       "Api": "API: {{version}}",
       "Frontend": "UI: {{version}}",

src/features/about/system/SystemVersionComponent.js

@@ -2,7 +2,6 @@ import React, { useMemo, useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { makeStyles } from "@material-ui/core/styles";
 import {
-  Typography,
   List,
   ListItem,
   ListItemText,
@@ -14,6 +13,7 @@ import DeveloperBoardIcon from "@material-ui/icons/DeveloperBoard";
 import SettingsInputSvideoIcon from "@material-ui/icons/SettingsInputSvideo";
 import { useTranslation } from "react-i18next";
 import packageData from "../../../../package.json";
+import Paper from "@material-ui/core/Paper";
 
 const useStyles = makeStyles(theme => {
   return {
@@ -80,10 +80,10 @@ const SystemVersionComponent = ({ data }) => {
   }, [data, t]);
 
   return (
-    <>
-      <Typography variant="subtitle1" color="textSecondary">
+    <Paper variant="outlined">
+      {/* <Typography variant="subtitle1" color="textSecondary">
         {t("About.SystemVersion.Title")}
-      </Typography>
+      </Typography> */}
       <List className={listClass}>
         <ListItem>
           <ListItemAvatar>
@@ -143,7 +143,7 @@ const SystemVersionComponent = ({ data }) => {
           />
         </ListItem>
       </List>
-    </>
+    </Paper>
   );
 };