WIP: Adding entity crud to front

gui/rpk-gui/src/pages/firm/base-page/Card.tsx

@@ -0,0 +1,25 @@
+import { CrudForm } from "../../../lib/crud/components/crud-form";
+import { UiSchema } from "@rjsf/utils";
+import { useParams } from "react-router";
+
+type CardProps = {
+  resource: string,
+  schemaName: string,
+  uiSchema?: UiSchema,
+}
+
+const Card = (props: CardProps) => {
+  const { schemaName, resource, uiSchema } = props;
+  const { record_id } = useParams();
+
+  return (
+    <CrudForm
+      schemaName={schemaName}
+      uiSchema={uiSchema}
+      resource={resource}
+      id={record_id}
+      />
+  )
+}
+
+export default Card;

gui/rpk-gui/src/pages/firm/base-page/List.tsx

@@ -0,0 +1,23 @@
+import { UiSchema } from "@rjsf/utils";
+import { List as RefineList } from "@refinedev/mui";
+import { DataGrid } from "@mui/x-data-grid";
+
+type ListProps = {
+  resource: string,
+  schemaName?: string,
+  uiSchema?: UiSchema,
+}
+
+const List = (props: ListProps) => {
+  const { schemaName, resource, uiSchema } = props;
+
+  return (
+    <RefineList
+      resource={resource}
+      >
+      <DataGrid columns={} />
+    </RefineList>
+  )
+}
+
+export default List;

gui/rpk-gui/src/pages/firm/base-page/New.tsx

@@ -0,0 +1,22 @@
+import { CrudForm } from "../../../lib/crud/components/crud-form";
+import { UiSchema } from "@rjsf/utils";
+
+type NewProps = {
+  resource: string,
+  schemaName: string,
+  uiSchema?: UiSchema,
+}
+
+const New = (props: NewProps) => {
+  const { schemaName, resource, uiSchema } = props;
+
+  return (
+    <CrudForm
+      schemaName={schemaName}
+      uiSchema={uiSchema}
+      resource={resource}
+      />
+  )
+}
+
+export default New;