Fix warnings "You need to pass in an i18next instance using i18nextReactModule"

app/home/(user)/(dashboard)/analysis-results/[id]/page.tsx

@@ -13,6 +13,7 @@ import { PageBody, PageHeader } from '@kit/ui/page';
 import { Trans } from '@kit/ui/trans';
 import { formatDateAndTime } from '@kit/shared/utils';
 
+import { withI18n } from '~/lib/i18n/with-i18n';
 import { loadCurrentUserAccount } from '~/home/(user)/_lib/server/load-user-account';
 import { loadUserAnalysis } from '~/home/(user)/_lib/server/load-user-analysis';
 import {
@@ -22,7 +23,7 @@ import {
 
 import Analysis from '../_components/analysis';
 
-export default async function AnalysisResultsPage({
+async function AnalysisResultsPage({
   params,
 }: {
   params: Promise<{
@@ -150,3 +151,5 @@ export default async function AnalysisResultsPage({
     </>
   );
 }
+
+export default withI18n(AnalysisResultsPage);

app/home/(user)/(dashboard)/cart/montonio-callback/error/page.tsx

@@ -1,6 +1,7 @@
 import Link from 'next/link';
 
 import { createI18nServerInstance } from '@/lib/i18n/i18n.server';
+import { withI18n } from '~/lib/i18n/with-i18n';
 import { PageBody, PageHeader } from '@/packages/ui/src/makerkit/page';
 
 import { toArray } from '@kit/shared/utils';
@@ -17,7 +18,7 @@ export async function generateMetadata() {
   };
 }
 
-export default async function MontonioCheckoutCallbackErrorPage({
+async function MontonioCheckoutCallbackErrorPage({
   searchParams,
 }: {
   searchParams: Promise<{ reasonFailed: string }>;
@@ -61,3 +62,5 @@ export default async function MontonioCheckoutCallbackErrorPage({
     </div>
   );
 }
+
+export default withI18n(MontonioCheckoutCallbackErrorPage);

app/home/(user)/settings/preferences/page.tsx

@@ -1,8 +1,10 @@
+import { withI18n } from '~/lib/i18n/with-i18n';
+
 import { loadCurrentUserAccount } from '../../_lib/server/load-user-account';
 import AccountPreferencesForm from '../_components/account-preferences-form';
 import SettingsSectionHeader from '../_components/settings-section-header';
 
-export default async function PreferencesPage() {
+async function PreferencesPage() {
   const { account } = await loadCurrentUserAccount();
 
   return (
@@ -17,3 +19,5 @@ export default async function PreferencesPage() {
     </div>
   );
 }
+
+export default withI18n(PreferencesPage);

app/home/(user)/settings/security/page.tsx

@@ -1,8 +1,9 @@
 import { MultiFactorAuthFactorsList } from '@kit/accounts/components';
+import { withI18n } from '~/lib/i18n/with-i18n';
 
 import SettingsSectionHeader from '../_components/settings-section-header';
 
-export default function SecuritySettingsPage() {
+async function SecuritySettingsPage() {
   return (
     <div className="mx-auto w-full bg-white p-6">
       <div className="space-y-6">
@@ -15,3 +16,5 @@ export default function SecuritySettingsPage() {
     </div>
   );
 }
+
+export default withI18n(SecuritySettingsPage);