fix: React Rules of Hooks violation (#368)

Author: Wendong-Fan

src/components/Toast/creditsToast.tsx

@@ -1,23 +1,23 @@
 import { toast } from "sonner";
-import { useTranslation } from "react-i18next";
+import i18n from "@/i18n";
+
 export function showCreditsToast() {
 	toast.dismiss();
-	const { t } = useTranslation();
 	toast(
 		<div>
-			{t("chat.you-ve-reached-the-limit-of-your-current-plan")}
+			{i18n.t("chat.you-ve-reached-the-limit-of-your-current-plan")}
 			<a
 				className="underline cursor-pointer"
 				onClick={() => (window.location.href = "https://www.eigent.ai/pricing")}
 			>
-				{t("chat.upgrade")}
+				{i18n.t("chat.upgrade")}
 			</a>{" "}
-			{t("chat.your-account-or-switch-to-a-self-hosted-model-and-api-in")}{" "}
+			{i18n.t("chat.your-account-or-switch-to-a-self-hosted-model-and-api-in")}{" "}
 			<a
 				className="underline cursor-pointer"
 				onClick={() => (window.location.href = "#/setting/general")}
 			>
-				{t("chat.settings")}
+				{i18n.t("chat.settings")}
 			</a>{" "}
 			.
 		</div>,