refactor(frontend): renamed `ModalVolumeCreate` to `CreateVolumeModal`

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

@@ -10,12 +10,12 @@ import {
 } from "../../../utils";
 import { CallbackFunction } from "../../../types";
 
-interface IModalVolumeCreate {
+interface ICreateVolumeModal {
   onHide: CallbackFunction;
   onAddEndpoint: CallbackFunction;
 }
 
-const ModalVolumeCreate = (props: IModalVolumeCreate) => {
+const CreateVolumeModal = (props: ICreateVolumeModal) => {
   const { onHide, onAddEndpoint } = props;
   const [openTab, setOpenTab] = useState("General");
   const handleCreate = (values: any, formik: any) => {
@@ -150,4 +150,4 @@ const ModalVolumeCreate = (props: IModalVolumeCreate) => {
   );
 };
 
-export default ModalVolumeCreate;
+export default CreateVolumeModal;

services/frontend/src/components/Project/index.tsx

@@ -37,8 +37,8 @@ import ModalConfirmDelete from "../Modal/ConfirmDelete";
 import ModalServiceCreate from "../Modal/Service/Create";
 import ModalServiceEdit from "../Modal/Service/Edit";
 import ModalNetwork from "../Modal/Network";
-import ModalVolumeCreate from "../Modal/Volume/Create";
+import CreateVolumeModal from "../Modal/volume/Create";
-import ModalVolumeEdit from "../Modal/Volume/Edit";
+import ModalVolumeEdit from "../Modal/volume/Edit";
 import CodeEditor from "../CodeEditor";
 
 export default function Project() {
@@ -329,7 +329,7 @@ export default function Project() {
           ) : null}
 
           {showVolumesModal ? (
-            <ModalVolumeCreate
+            <CreateVolumeModal
               onHide={() => setShowVolumesModal(false)}
               onAddEndpoint={(values: any) => onAddEndpoint(values)}
             />