feat(frontend): implemented labels form for network modal

services/frontend/src/components/Modal/network/Labels.tsx

@@ -1,5 +1,39 @@
-const Labels = () => {
+import { styled } from "@mui/joy";
-  return <></>;
+import { FunctionComponent, ReactElement } from "react";
+import Records from "../../Records";
+
+const Root = styled("div")`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`;
+
+const Labels: FunctionComponent = (): ReactElement => {
+  return (
+    <Root>
+      <Records
+        name="labels"
+        modal="network"
+        title="Labels"
+        referred="label"
+        fields={(index: number) => [
+          {
+            name: `labels[${index}].key`,
+            placeholder: "Key",
+            required: true,
+            type: "text"
+          },
+          {
+            name: `labels[${index}].value`,
+            placeholder: "Value",
+            required: true,
+            type: "text"
+          }
+        ]}
+        newValue={{ key: "", value: "" }}
+      />
+    </Root>
+  );
 };
 
 export default Labels;