Add CRUD for other entities

apps/bridge-frontend/app/(main)/signal/[[...segment]]/@edit/_components/Edit.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { FC } from "react";
+import { useFormState } from "react-dom";
+import { Grid } from "@mui/material";
+import { TextField } from "ui";
+import { SignalBot } from "@/app/_lib/database";
+import { Edit as InternalEdit } from "@/app/_components/Edit";
+import { updateSignalBotAction } from "../../_actions/signal";
+
+type EditProps = {
+  row: SignalBot;
+};
+
+export const Edit: FC<EditProps> = ({ row }) => {
+  const initialState = {
+    message: null,
+    errors: {},
+    values: row,
+  };
+  const [formState, formAction] = useFormState(
+    updateSignalBotAction,
+    initialState,
+  );
+
+  return (
+    <InternalEdit
+      title={`Edit Signal Connection: ${row.name}`}
+      entity="signal"
+      formAction={formAction}
+      formState={formState}
+    >
+      <Grid container direction="row" rowSpacing={3} columnSpacing={2}>
+        <Grid item xs={12}>
+          <TextField name="name" label="Name" required formState={formState} />
+        </Grid>
+        <Grid item xs={12}>
+          <TextField
+            name="description"
+            label="Description"
+            formState={formState}
+            lines={3}
+          />
+        </Grid>
+      </Grid>
+    </InternalEdit>
+  );
+};