feat : update btn and modal for better ui

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

@@ -25,16 +25,16 @@ const ConfigItem = ({ dateBuy, configName, isDisabled }: ConfigItemProps) => {
       <div className="relative w-full h-full rounded-md">
         {isDisabled && (
           <div className="absolute inset-0 flex items-center justify-center bg-opacity-50 rounded-md backdrop-blur-sm z-10">
-            <p className="text-white font-bold px-1 bg-red-600 text-xs md:text-base rounded-md shadow-md shadow-red-600">
+            <div className="text-white font-bold p-1 bg-red-600 text-xs md:text-base rounded-md shadow-md shadow-red-600">
               کانفیگ <span className="text-secondTheme">{configName}</span> غیر
               فعال است .{" "}
-              <span
-                className="text-secondTheme cursor-pointer"
+              <Button
+                extra="cursor-pointer !px-1 !py-0 rounded-md bg-white"
                 onClick={() => setIsOpen(true)}
               >
-                تمدید
-              </span>
-            </p>
+                برای تمدید کلیک کنید
+              </Button>
+            </div>
           </div>
         )}
         <div

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

@@ -22,7 +22,6 @@ const ModalConfigDetails = ({
     <MuiModal
       isOpenModal={isOpen}
       setIsOpenModal={setIsOpen}
-      submitText="باشه"
       nameService={nameConfig}
     >
       {isDisabled && <Alert type="warning"> {nameConfig} غیر فعال است </Alert>}
@@ -32,9 +31,11 @@ const ModalConfigDetails = ({
         </h1>
         <div className="w-full h-full flex flex-row-reverse gap-2 justify-center items-center">
           {isDisabled ? (
-            <Button extra="!m-0 !px-2 !py-1 shadow-md shadow-secondTheme !bg-secondTheme ">
-              تمدید
-            </Button>
+            <div className="w-full h-full grid grid-cols-1 justify-center items-center">
+              <Button extra="!m-0 !px-2 !py-1 shadow-md shadow-secondTheme !bg-secondTheme font-bold hover:!bg-gray-800 hover:!shadow-gray-800 ">
+                تمدید
+              </Button>
+            </div>
           ) : (
             <>
               <Button extra="!m-0 !px-2 !py-1.5 flex flex-row-reverse justify-center items-center gap-1 shadow-md shadow-white">