Refactor: Update ProductConfigList component

- Import IoAlertCircleSharp from react-icons/io5
- Import Link from react-router-dom
- Add conditional rendering for the title based on data length
- Add Link and button for redirecting to the store when no configs exist

src/pages/profile/section/ProductConfigList.tsx

@@ -6,7 +6,8 @@ import ConfigItem from "./components/ConfigItem";
 import ConfigItemLoading from "./components/ConfigItemLoading";
 import ProfileImage from "./components/ProfileImage";
 import { Fragment } from "react/jsx-runtime";
-import { MdErrorOutline } from "react-icons/md";
+import { IoAlertCircleSharp } from "react-icons/io5";
+import { Link } from "react-router-dom";
 
 const ProductConfigList = ({
   data,
@@ -30,9 +31,11 @@ const ProductConfigList = ({
         </Button>
       </div>
 
+      {data?.result?.configs?.length !== 0 && (
         <p className="max-md:text-lg text-xl font-bold text-center">
           لیست کانفیگ ها
         </p>
+      )}
       <div
         className="w-full h-full p-3 max-sm:px-0 flex flex-col gap-3
        justify-center items-center"
@@ -50,10 +53,18 @@ const ProductConfigList = ({
             {error.message}
           </Alert>
         ) : data?.result?.configs?.length === 0 ? (
-          <div className="w-full h-full flex flex-col gap-3 justify-center items-center">
-            <MdErrorOutline className="w-[5rem] h-[5rem]" />
-            <p className="text-sm md:text-base"> کانفیگی وجود ندارد </p>
+          <Link to={'/configs/3'} className="w-full h-full flex flex-col gap-3 justify-center items-center">
+            <IoAlertCircleSharp className="max-md:w-[3.5rem] max-md:h-[3.5rem] w-[5rem] h-[5rem]" />
+            <div
+              className="w-full h-auto flex flex-col gap-5 justify-center items-center"
+            >
+              <p className="text-sm md:text-base">
+                {" "}
+                شما در حال حاضر سرویسی ندارید برای خرید کلیک کنید{" "}
+              </p>
+              <Button>برو به فروشگاه</Button>
             </div>
+          </Link>
         ) : (
           data?.result?.configs?.map((item) => {
             return (