Create/detail updates

apps/bridge-frontend/app/_components/Create.tsx

@@ -0,0 +1,47 @@
+"use client";
+
+import { FC } from "react";
+import { Grid } from "@mui/material";
+import { useRouter } from "next/navigation";
+import { Button, Dialog } from "ui";
+
+interface CreateProps {
+  title: string;
+  entity: string;
+  formAction: any;
+  children: any;
+}
+
+export const Create: FC<CreateProps> = ({
+  title,
+  entity,
+  formAction,
+  children,
+}) => {
+  const router = useRouter();
+
+  return (
+    <Dialog
+      open
+      title={title}
+      formAction={formAction}
+      onClose={() => router.push(`/${entity}`)}
+      buttons={
+        <Grid container justifyContent="space-between">
+          <Grid item>
+            <Button
+              text="Cancel"
+              kind="secondary"
+              onClick={() => router.push(`/${entity}`)}
+            />
+          </Grid>
+          <Grid item>
+            <Button text="Save" kind="primary" type="submit" />
+          </Grid>
+        </Grid>
+      }
+    >
+      {children}
+    </Dialog>
+  );
+};