refactor: remove unused files

src/routes/callback/PaymentSuccess.tsx

@@ -2,7 +2,6 @@ import { useEffect } from "react";
 import { useLazyGetGeneratedLicenseQuery } from "../../app/services/server";
 import useLicense from "../../common/hook/useLicense";
 import Button from "../../common/component/styled/Button";
-import checkIcon from "../../assets/icons/check.png";
 import { useNavigate } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 
@@ -32,7 +31,7 @@ const PaymentSuccess = ({ sid }: Props) => {
   };
   return (
     <section className="flex flex-col items-center bg-slate-100 rounded-2xl w-[512px] p-6">
-      <img className="w-28 h-28" src={checkIcon} alt="check icon" />
+      <img className="w-28 h-28" src="https://s.voce.chat/web_client/assets/img/check.png" alt="check icon" />
       <h1 className="font-bold text-3xl pt-5">{t("payment_success")}</h1>
       <p className="text-lg pb-7 mt-2 text-gray-400">
         {upserting ? t("tip_renewing") : ""}

src/routes/setting/APIDocument.tsx

@@ -1,9 +1,6 @@
-import React from 'react';
+// import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { useAppSelector } from '../../app/store';
-import ImageStep1 from '../../assets/img/api.doc.step1.png';
-import ImageStep2 from '../../assets/img/api.doc.step2.jpg';
-import ImageStep3 from '../../assets/img/api.doc.step3.png';
 import IconCopy from '../../assets/icons/copy.svg';
 import useCopy from '../../common/hook/useCopy';
 // type Props = {}
@@ -38,7 +35,7 @@ const APIDocument = () => {
                             👉 {t("api_doc.step_1")}
                         </h3>
                         {/* <div className="flex flex-col gap-1"> */}
-                        <img className='border border-solid rounded-md border-gray-300 shadow-lg w-[85%]' src={ImageStep1} alt="step 1" />
+                        <img className='border border-solid rounded-md border-gray-300 shadow-lg w-[85%]' src="https://s.voce.chat/web_client/assets/img/api.doc.step1.png" alt="step 1" />
                         {/* </div> */}
                     </div>
                     <div className="flex flex-col gap-2">
@@ -53,13 +50,13 @@ const APIDocument = () => {
                                 <IconCopy onClick={handleCopy} className="absolute right-2 bottom-2 cursor-pointer" />
                             </p>
                         </div>
-                        <img className='border border-solid rounded-md border-gray-300 shadow-lg w-[85%]' src={ImageStep2} alt="step 2" />
+                        <img className='border border-solid rounded-md border-gray-300 shadow-lg w-[85%]' src="https://s.voce.chat/web_client/assets/img/api.doc.step2.jpg" alt="step 2" />
                     </div>
                     <div className="flex flex-col gap-2">
                         <h3 className='text-gray-700 text-lg flex items-center gap-2'>
                             👉  {t("api_doc.last")}
                         </h3>
-                        <img className='border border-solid rounded-md border-gray-300 shadow-lg w-[85%]' src={ImageStep3} alt="step 3" />
+                        <img className='border border-solid rounded-md border-gray-300 shadow-lg w-[85%]' src="https://s.voce.chat/web_client/assets/img/api.doc.step3.png" alt="step 3" />
                     </div>
                 </div>