feat: KAN-50

app/[lang]/components/header/index.tsx

@@ -9,7 +9,7 @@ import { toCapitalCase } from "@/utils/string/to-capital-case";
 import { useLocale, useTranslations } from "next-intl";
 import Link from "next/link";
 import { useParams } from "next/navigation";
-import { startTransition, type FunctionComponent } from "react";
+import { type FunctionComponent } from "react";
 
 const Header: FunctionComponent<PropsWithClassName> = ({ className }) => {
   // Hooks
@@ -21,15 +21,13 @@ const Header: FunctionComponent<PropsWithClassName> = ({ className }) => {
   console.log({ locale });
 
   const changeLocale = (_locale: Locale) => {
-    startTransition(() => {
-      router.replace(
-        // @ts-expect-error -- TypeScript will validate that only known `params`
-        // are used in combination with a given `pathname`. Since the two will
-        // always match for the current route, we can skip runtime checks.
-        { pathname, params },
-        { locale: _locale }
-      );
-    });
+    router.replace(
+      // @ts-expect-error -- TypeScript will validate that only known `params`
+      // are used in combination with a given `pathname`. Since the two will
+      // always match for the current route, we can skip runtime checks.
+      { pathname, params },
+      { locale: _locale }
+    );
   };
 
   // View

components/common/modals/upgrade-to-pro-modal/index.tsx

@@ -31,7 +31,7 @@ const UpgradeToProModal: FunctionComponent<Props> = ({
         {t("modal.titles.upgrade_to_pro")}
       </p>
       <p className="text-center text-neutral-500 mb-4">
-        {t("common.get_access_to_all_features_for", { price: "4.99" })}
+        {t("common.get_access_to_all_features_for", { price: "3.99" })}
       </p>
 
       <p className="text-lg mb-1">{t("common.what_you_get")}</p>