Importing RJSF lib with first application

gui/rpk-gui/src/pages/hub/CreateFirm.tsx

@@ -1,9 +1,7 @@
+import { CrudForm } from "../../lib/crud/components/crud-form";
 
 export const CreateFirm = () => {
-
   return (
-    <div>
-      <h1>Create Firm</h1>
-    </div>
+    <CrudForm schemaName={"FirmCreate"} resource={"firms"} />
   )
 }

gui/rpk-gui/src/pages/hub/index.tsx

@@ -1,13 +1,13 @@
-import {Button} from "@mui/material";
+import { Button } from "@mui/material";
+import { Link } from "react-router";
 
 export const Hub = () => {
-
   return (
     <div>
       <h1>HUB</h1>
       <p>List of managed firms</p>
       <p>List of firm you're working atx</p>
-      <p><Button>Create a new firm</Button></p>
+      <Link to="/hub/create-firm" ><Button >Create a new firm</Button></Link>
     </div>
   );
 };