(force) Update project: Added 60 new features and made various changes

{warning: this all chnaged}

src/pages/inActivePayment/components/NoPayment.tsx

@@ -0,0 +1,44 @@
+import { BiError } from "react-icons/bi";
+import Button from "../../../components/button";
+import { FaTelegram } from "react-icons/fa6";
+
+const NoPayment = () => {
+  return (
+    <div className="w-full h-full glass flex-1 p-5">
+      <div className="w-full h-full flex flex-col gap-5 items-center justify-between">
+        <div className="w-full h-full flex flex-col justify-center items-center">
+          <BiError className="w-24 h-24" />
+          <h1 className="font-bold md:text-lg">
+            درگاه پرداخت به صورت موقت غیر فعال شده است
+          </h1>
+        </div>
+        <div className="w-full h-full flex justify-center items-center">
+          <p className="text-xs md:text-sm">
+            کاربر گرامی بابت پیش آمدن این مشکل صمیمانه از شما عذر خواهی می کنیم
+            و در تلاشیم هرچه زودتر مشکل درگاه پرداخت را بررسی کرده و سریع به
+            روال قبلی برگردانیم، <br />
+            <span className="text-secondTheme">
+              برای خرید کانفیگ مورد نظر می توانید به پشتیبانی ما در تلگرام پیام
+              دهید
+            </span>{" "}
+            ، از صبر شما سپاسگذاریم .{" "}
+          </p>
+        </div>
+        <div className="w-full h-full flex flex-col gap-3 justify-center items-center">
+          <p className="text-xs md:text-sm text-[#229ED9]">
+            برای خرید از پشتیبانی در تلگرام لطفا دکمه زیر را کلیک کنید
+          </p>
+          <div className="w-full h-full flex">
+            <Button extra="!flex-1 !bg-[#229ED9]">
+              <a href="https://t.me/PersianPingSupport" className="w-full h-full flex justify-between items-center gap-4">
+                <FaTelegram className="w-7 h-7"/> <span>ورود به پشتیبانی تلگرام</span> <br />
+              </a>
+            </Button>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default NoPayment;