some final fixes before the demo

pkgs/ui/src/config/client_1/index.tsx

@@ -0,0 +1,68 @@
+import { Button } from "@mui/material";
+
+export const Client1ConsumerTableConfig = [
+  {
+    key: "service_name",
+    label: "Service name",
+  },
+  {
+    key: "service_type",
+    label: "Service Type",
+  },
+  {
+    key: "endpoint_url",
+    label: "End Point",
+    render: (value: any) => {
+      return <Button disabled variant="outlined">Consume</Button>
+    }
+  },
+  {
+    key: "entity",
+    label: "Entity",
+  },
+  {
+    key: "entity_did",
+    label: "Entity DID",
+  },
+  {
+    key: "network",
+    label: "Network",
+  },
+];
+
+export const Client1ProducerTableConfig = [
+  {
+    key: "service_name",
+    label: "Service name",
+  },
+  {
+    key: "service_type",
+    label: "Service Type",
+  },
+  {
+    key: "endpoint_url",
+    label: "End Point",
+  },
+  {
+    key: "entity_did",
+    label: "Entity DID",
+  },
+  {
+    key: "status",
+    label: "Status",
+  },
+  {
+    key: "other",
+    label: "Action",
+    render: (value: any) => {
+      let renderedValue: any = '';
+      if (typeof value === "object")
+        renderedValue = (
+          <>
+            {value.action.map((actionType: string) => <><code>{actionType}</code><br /></>)}
+          </>
+        )
+      return renderedValue;
+    },
+  }
+];