feat(frontend): updated general form to work with new form shape

* Added CSS for row gap.

services/frontend/src/components/Modal/volume/General.tsx

@@ -1,11 +1,19 @@
+import { styled } from "@mui/joy";
+
 import TextField from "../../global/FormElements/TextField";
 
+const Root = styled("div")`
+  display: flex;
+  flex-direction: column;
+  row-gap: ${({ theme }) => theme.spacing(1)};
+`;
+
 const General = () => {
   return (
-    <>
-      <TextField label="Volume name" name="canvasConfig.node_name" />
-      <TextField label="Name" name="volumeConfig.name" />
-    </>
+    <Root>
+      <TextField label="Entry name" name="entryName" />
+      <TextField label="Volume name" name="volumeName" />
+    </Root>
   );
 };