fix: markup and close volume modal on create

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

@@ -26,6 +26,7 @@ const CreateVolumeModal = (props: ICreateVolumeModalProps) => {
   const handleCreate = useCallback((values: any, formik: any) => {
     onAddEndpoint(getFinalValues(values));
     formik.resetForm();
+    onHide();
   }, []);
 
   const initialValues = useMemo(() => getInitialValues(), []);
@@ -59,9 +60,11 @@ const CreateVolumeModal = (props: ICreateVolumeModalProps) => {
             >
               {(formik) => (
                 <>
-                  <div className="hidden sm:block">
-                    <div className="border-b border-gray-200 px-8">
-                      <nav className="-mb-px flex space-x-8" aria-label="Tabs">
+                  <div className="border-b border-gray-200 px-4 md:px-8">
+                    <nav
+                      className="-mb-px flex space-x-4 md:space-x-8"
+                      aria-label="Tabs"
+                    >
                       {tabs.map((tab) => (
                         <a
                           key={tab.name}
@@ -84,7 +87,6 @@ const CreateVolumeModal = (props: ICreateVolumeModalProps) => {
                       ))}
                     </nav>
                   </div>
-                  </div>
 
                   <div className="relative px-4 py-3 flex-auto">
                     {openTab === "General" && <General />}