Display the list of pending devices in the UI

central_frontend/src/widgets/SolarEnergyRouteContainer.tsx

@@ -0,0 +1,27 @@
+import { Typography } from "@mui/material";
+import React, { PropsWithChildren } from "react";
+
+export function SolarEnergyRouteContainer(
+  p: {
+    label: string;
+    actions?: React.ReactElement;
+  } & PropsWithChildren
+): React.ReactElement {
+  return (
+    <div style={{ margin: "50px" }}>
+      <div
+        style={{
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "center",
+          marginBottom: "20px",
+        }}
+      >
+        <Typography variant="h4">{p.label}</Typography>
+        {p.actions ?? <></>}
+      </div>
+
+      {p.children}
+    </div>
+  );
+}