back to hosts table from new monitor

Client/src/Components/ConfigBox/index.css

@@ -0,0 +1,24 @@
+.config-box {
+  display: flex;
+  padding: 30px 40px;
+  border: 1px solid var(--env-var-color-16);
+  border-radius: var(--env-var-radius-1);
+  justify-content: space-between;
+  padding-bottom: 50px;
+}
+
+.config-box-desc {
+  width: 35%;
+}
+
+.config-box-desc-title {
+  color: var(--env-var-color-5);
+  font-size: var(--env-var-font-size-large);
+  font-weight: 700;
+  margin-bottom: var(--env-var-spacing-1);
+}
+
+.config-box-desc-text {
+  color: var(--env-var-color-5);
+  font-size: var(--env-var-font-size-medium);
+}

Client/src/Components/ConfigBox/index.jsx

@@ -0,0 +1,13 @@
+import "./index.css";
+import React from "react";
+
+const ConfigBox = ({ leftLayout, rightLayout }) => {
+  return (
+    <div className="config-box">
+      {leftLayout}
+      {rightLayout}
+    </div>
+  );
+};
+
+export default ConfigBox;