feat: replace demo storage instances with secure storage implementations across i18n and storage features

packages/core-i18n/src/setup.ts

@@ -1,6 +1,6 @@
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
-import { demoSecureStorage, StorageKey } from '@repo/core-storage';
+import { secureStorage, StorageKey } from '@repo/core-storage';
 import commonEn from './locales/en/common.json';
 import commonId from './locales/id/common.json';
 
@@ -16,14 +16,14 @@ export const resources = {
 
 /**
  * Bootstraps the central i18n engine.
- * 
+ *
  * This reads the preferred locale from secureStorage and initializes
  * i18next synchronously before React renders.
  */
 export async function setupI18n(): Promise<void> {
   let initialLng = DEFAULT_LANGUAGE;
   try {
-    const storedLng = await demoSecureStorage.getItem<string>(StorageKey.LOCALE);
+    const storedLng = await secureStorage.getItem<string>(StorageKey.LOCALE);
     if (storedLng && SUPPORTED_LANGUAGES.includes(storedLng as SupportedLanguage)) {
       initialLng = storedLng;
     }
@@ -31,17 +31,15 @@ export async function setupI18n(): Promise<void> {
     console.warn('[i18n] Failed to read locale from storage', err);
   }
 
-  await i18n
-    .use(initReactI18next)
-    .init({
-      resources,
-      lng: initialLng,
-      fallbackLng: DEFAULT_LANGUAGE,
-      defaultNS: 'common',
-      interpolation: {
-        escapeValue: false, // React already escapes values
-      },
-    });
+  await i18n.use(initReactI18next).init({
+    resources,
+    lng: initialLng,
+    fallbackLng: DEFAULT_LANGUAGE,
+    defaultNS: 'common',
+    interpolation: {
+      escapeValue: false, // React already escapes values
+    },
+  });
 
   // Apply initial language to the DOM for SEO/Accessibility
   if (typeof document !== 'undefined') {