feat : progress bar config for space is dynamic from api

src/pages/profile/section/components/ModalConfigDetails.tsx

@@ -14,7 +14,9 @@ const ModalConfigDetails = ({
   dateBuy,
   nameConfig,
   isShowTraffic,
-  textCopy
+  textCopy,
+  maxTraffic,
+  traffic
 }: {
   isOpen: boolean;
   setIsOpen: Dispatch<SetStateAction<boolean>>;
@@ -23,6 +25,8 @@ const ModalConfigDetails = ({
   nameConfig: string;
   isShowTraffic: boolean;
   textCopy: string;
+  maxTraffic: number | "unlimited";
+  traffic: number;
 }) => {
   const navigate = useNavigate()
   const copyToClipboard = async (textToCopy: string) => {
@@ -64,9 +68,9 @@ const ModalConfigDetails = ({
             </>
           )}
         </div>
-        {!isDisabled || isShowTraffic && (
+        {!isDisabled && isShowTraffic && (
           <div className="w-full h-full">
-            <ProgressSpace startSpace={100} endSpace={200} />
+            <ProgressSpace startSpace={traffic} endSpace={maxTraffic} />
           </div>
         )}
       </div>