Apm development revamp

gui/package.json

@@ -13,6 +13,8 @@
     "axios": "^1.4.0",
     "bootstrap": "^5.2.3",
     "date-fns": "^2.30.0",
+    "echarts": "^5.4.2",
+    "echarts-for-react": "^3.0.2",
     "eslint": "8.40.0",
     "eslint-config-next": "13.4.2",
     "jszip": "^3.10.1",
@@ -23,6 +25,8 @@
     "react": "18.2.0",
     "react-datetime": "^3.2.0",
     "react-dom": "18.2.0",
+    "react-draggable": "^4.4.5",
+    "react-grid-layout": "^1.3.4",
     "react-markdown": "^8.0.7",
     "react-toastify": "^9.1.3"
   }

gui/pages/Content/APM/Apm.module.css

@@ -0,0 +1,10 @@
+.apm_dashboard_container {
+    display: flex;
+    flex-direction: column;
+}
+
+.apm_dashboard {
+    margin-top: 16px;
+    height: calc(100vh - 14vh);
+    overflow-y: auto;
+}