refactor(frontend): renamed `IPam` to `IPAM`

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

@@ -1,7 +1,7 @@
 import { FunctionComponent, ReactElement, useMemo, useState } from "react";
 import { Formik } from "formik";
 import General from "./General";
-import IPam from "./IPam";
+import IPAM from "./IPAM";
 import { CallbackFunction } from "../../../types";
 import { getInitialValues, tabs, validationSchema } from "./form-utils";
 import { classNames } from "../../../utils/styles";
@@ -65,7 +65,7 @@ const CreateNetworkModal: FunctionComponent<ICreateNetworkModalProps> = (
 
           <div className="relative px-4 py-3 flex-auto">
             {openTab === "General" && <General />}
-            {openTab === "IPAM" && <IPam />}
+            {openTab === "IPAM" && <IPAM />}
           </div>
 
           <Actions>

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

@@ -1,7 +1,7 @@
 import { useMemo, useState } from "react";
 import { Formik } from "formik";
 import General from "./General";
-import IPam from "./IPam";
+import IPAM from "./IPAM";
 import { CallbackFunction } from "../../../types";
 import { getInitialValues, tabs, validationSchema } from "./form-utils";
 import { classNames } from "../../../utils/styles";
@@ -64,7 +64,7 @@ const EditNetworkModal = (props: IEditNetworkModalProps) => {
 
           <div className="relative px-4 py-3 flex-auto max-h-96 overflow-y-auto">
             {openTab === "General" && <General />}
-            {openTab === "IPAM" && <IPam />}
+            {openTab === "IPAM" && <IPAM />}
           </div>
 
           <Actions>

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

@@ -1,4 +1,4 @@
-import { ReactElement } from "react";
+import { FunctionComponent, ReactElement } from "react";
 import { styled } from "@mui/joy";
 
 import TextField from "../../global/FormElements/TextField";
@@ -42,7 +42,7 @@ const ConfigurationBorder = styled("div")`
   margin: 8px 0px 0px 0px;
 `;
 
-const IPam = () => {
+const IPAM: FunctionComponent = (): ReactElement => {
   return (
     <Fields>
       <TextField label="Driver" name="driver" />
@@ -154,4 +154,4 @@ const IPam = () => {
   );
 };
 
-export default IPam;
+export default IPAM;