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

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);