From 6670104be395915d84688ee529d78d91bf81a416 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Qu=E1=BB=91c=20Kh=C3=A1nh?= <bkdev98@gmail.com>
Date: Mon, 10 Jun 2024 05:12:26 +0700
Subject: [PATCH] feat(mobile): setup lingui (#63)

Resolves https://github.com/sixpm-ai/6pm/issues/26
---
 .babelrc                                    |   3 +
 apps/mobile/app/(app)/(tabs)/_layout.tsx    |   9 +-
 apps/mobile/app/(app)/(tabs)/settings.tsx   |  46 +-
 apps/mobile/app/(app)/_layout.tsx           |  11 +-
 apps/mobile/app/(app)/appearance.tsx        |  25 +-
 apps/mobile/app/(app)/language.tsx          |  37 +
 apps/mobile/app/(auth)/login.tsx            |  43 +-
 apps/mobile/app/+not-found.tsx              |  21 +-
 apps/mobile/app/_layout.tsx                 |  43 +-
 apps/mobile/babel.config.js                 |  12 +-
 apps/mobile/components/auth/auth-email.tsx  |  18 +-
 apps/mobile/components/auth/auth-social.tsx |   9 +-
 apps/mobile/components/common/menu-item.tsx |  34 +
 apps/mobile/components/common/toolbar.tsx   |   5 +-
 apps/mobile/components/home/header.tsx      |   5 +-
 apps/mobile/index.js                        |   7 +-
 apps/mobile/locales/en/messages.po          | 149 ++++
 apps/mobile/locales/en/messages.ts          |   1 +
 apps/mobile/locales/provider.tsx            |  68 ++
 apps/mobile/locales/vi/messages.po          | 149 ++++
 apps/mobile/locales/vi/messages.ts          |   1 +
 apps/mobile/package.json                    |   6 +
 lingui.config.js                            |  12 +
 package.json                                |  22 +-
 pnpm-lock.yaml                              | 762 +++++++++++++++++++-
 25 files changed, 1388 insertions(+), 110 deletions(-)
 create mode 100644 .babelrc
 create mode 100644 apps/mobile/app/(app)/language.tsx
 create mode 100644 apps/mobile/components/common/menu-item.tsx
 create mode 100644 apps/mobile/locales/en/messages.po
 create mode 100644 apps/mobile/locales/en/messages.ts
 create mode 100644 apps/mobile/locales/provider.tsx
 create mode 100644 apps/mobile/locales/vi/messages.po
 create mode 100644 apps/mobile/locales/vi/messages.ts
 create mode 100644 lingui.config.js

diff --git a/.babelrc b/.babelrc
new file mode 100644
index 00000000..0cfbbd83
--- /dev/null
+++ b/.babelrc
@@ -0,0 +1,3 @@
+{
+  "plugins": ["macros"]
+}
diff --git a/apps/mobile/app/(app)/(tabs)/_layout.tsx b/apps/mobile/app/(app)/(tabs)/_layout.tsx
index a4cb1631..563f0aa3 100644
--- a/apps/mobile/app/(app)/(tabs)/_layout.tsx
+++ b/apps/mobile/app/(app)/(tabs)/_layout.tsx
@@ -1,10 +1,13 @@
 import { useColorScheme } from '@/hooks/useColorScheme'
 import { theme } from '@/lib/theme'
+import { t } from '@lingui/macro'
+import { useLingui } from '@lingui/react'
 import { Tabs } from 'expo-router'
 import { CogIcon, LandPlotIcon, ScanTextIcon, WalletIcon } from 'lucide-react-native'
 
 export default function TabLayout() {
   const colorScheme = useColorScheme()
+  const { i18n } = useLingui()
   return (
     <Tabs
       screenOptions={{
@@ -36,7 +39,7 @@ export default function TabLayout() {
       <Tabs.Screen
         name="budgets"
         options={{
-          headerTitle: 'Budgets',
+          headerTitle: t(i18n)`Budgets`,
           tabBarShowLabel: false,
           tabBarIcon: ({ color }) => <LandPlotIcon color={color} />,
         }}
@@ -44,7 +47,7 @@ export default function TabLayout() {
       <Tabs.Screen
         name="scanner"
         options={{
-          headerTitle: 'Scanner',
+          headerTitle: t(i18n)`Scanner`,
           tabBarShowLabel: false,
           tabBarIcon: ({ color }) => <ScanTextIcon color={color} />,
         }}
@@ -52,7 +55,7 @@ export default function TabLayout() {
       <Tabs.Screen
         name="settings"
         options={{
-          headerTitle: 'Settings',
+          headerTitle: t(i18n)`Settings`,
           tabBarShowLabel: false,
           tabBarIcon: ({ color }) => <CogIcon color={color} />,
         }}
diff --git a/apps/mobile/app/(app)/(tabs)/settings.tsx b/apps/mobile/app/(app)/(tabs)/settings.tsx
index cd21d08c..11e96c3f 100644
--- a/apps/mobile/app/(app)/(tabs)/settings.tsx
+++ b/apps/mobile/app/(app)/(tabs)/settings.tsx
@@ -2,14 +2,20 @@ import { Avatar, AvatarFallback, AvatarImage } from '@/components/Avatar'
 import { Badge } from '@/components/Badge'
 import { Button } from '@/components/Button'
 import { IconButton } from '@/components/IconButton'
+import { MenuItem } from '@/components/common/menu-item'
+import { useLocale } from '@/locales/provider'
 import { useAuth, useUser } from '@clerk/clerk-expo'
+import { t } from '@lingui/macro'
+import { useLingui } from '@lingui/react'
 import { Link } from 'expo-router'
-import { LogOutIcon, PencilIcon, SwatchBookIcon } from 'lucide-react-native'
+import { ChevronRightIcon, EarthIcon, LogOutIcon, PencilIcon, SwatchBookIcon } from 'lucide-react-native'
 import { Alert, ScrollView, Text, View } from 'react-native'
 
 export default function SettingsScreen() {
   const { signOut } = useAuth()
   const { user } = useUser()
+  const { i18n } = useLingui()
+  const { language } = useLocale()
 
   return (
     <ScrollView contentContainerClassName="py-4 gap-4" className="bg-card">
@@ -40,30 +46,44 @@ export default function SettingsScreen() {
       </View>
       <View className="gap-2 mt-4">
         <Text className="font-sans mx-6 text-muted-foreground">
-          App settings
+          {t(i18n)`App settings`}
         </Text>
         <Link href="/appearance" asChild>
-          <Button
-            label="Appearance"
-            variant="ghost"
-            labelClasses="font-regular"
-            leftIcon={SwatchBookIcon}
-            className="justify-start gap-6 px-6 flex-1"
+          <MenuItem
+            label={t(i18n)`Appearance`}
+            icon={SwatchBookIcon}
+            rightSection={<ChevronRightIcon className='w-6 h-6 text-primary' />}
+          />
+        </Link>
+        <Link href="/language" asChild>
+          <MenuItem
+            label={t(i18n)`Language`}
+            icon={EarthIcon}
+            rightSection={
+              <View className="flex flex-row items-center gap-2">
+                <Text className='text-muted-foreground font-sans'>
+                  {t(i18n)`${language}`}
+                </Text>
+                <ChevronRightIcon className='w-6 h-6 text-primary' />
+              </View>
+            }
           />
         </Link>
       </View>
       <View className="gap-2 mt-4">
-        <Text className="font-sans mx-6 text-muted-foreground">Others</Text>
+        <Text className="font-sans mx-6 text-muted-foreground">
+          {t(i18n)`Others`}
+        </Text>
         <Button
-          label="Sign out"
+          label={t(i18n)`Sign out`}
           variant="ghost"
-          onPress={() => Alert.alert('Are you sure you want to sign out?', '', [
+          onPress={() => Alert.alert(t(i18n)`Are you sure you want to sign out?`, '', [
             {
-              text: 'Cancel',
+              text: t(i18n)`Cancel`,
               style: 'cancel',
             },
             {
-              text: 'Sign out',
+              text: t(i18n)`Sign out`,
               style: 'destructive',
               onPress: () => signOut(),
             },
diff --git a/apps/mobile/app/(app)/_layout.tsx b/apps/mobile/app/(app)/_layout.tsx
index 29ff1a91..2e47fe99 100644
--- a/apps/mobile/app/(app)/_layout.tsx
+++ b/apps/mobile/app/(app)/_layout.tsx
@@ -1,12 +1,15 @@
 import { useColorScheme } from '@/hooks/useColorScheme'
 import { theme } from '@/lib/theme'
 import { useAuth } from '@clerk/clerk-expo'
+import { t } from '@lingui/macro'
+import { useLingui } from '@lingui/react'
 import { Redirect, SplashScreen, Stack } from 'expo-router'
 import { useEffect } from 'react'
 
 export default function AuthenticatedLayout() {
   const { isLoaded, isSignedIn } = useAuth()
   const colorScheme = useColorScheme()
+  const { i18n } = useLingui()
 
   useEffect(() => {
     if (isLoaded) {
@@ -26,13 +29,19 @@ export default function AuthenticatedLayout() {
           presentation: 'modal',
         }}
       />
+      <Stack.Screen
+        name="language"
+        options={{
+          presentation: 'modal',
+        }}
+      />
       <Stack.Screen
         name="appearance"
         options={{
           headerShown: true,
           headerBackTitleVisible: false,
           headerTintColor: theme[colorScheme ?? 'light'].primary,
-          headerTitle: 'Appearance',
+          headerTitle: t(i18n)`Appearance`,
           headerShadowVisible: false,
           headerTitleStyle: {
             fontFamily: 'Be Vietnam Pro Medium',
diff --git a/apps/mobile/app/(app)/appearance.tsx b/apps/mobile/app/(app)/appearance.tsx
index fc659ad7..59f54f6b 100644
--- a/apps/mobile/app/(app)/appearance.tsx
+++ b/apps/mobile/app/(app)/appearance.tsx
@@ -1,18 +1,21 @@
 import { Tabs, TabsList, TabsTrigger } from '@/components/Tabs'
+import { t } from '@lingui/macro'
+import { useLingui } from '@lingui/react'
 import { MoonStarIcon, SmartphoneIcon, SunIcon } from 'lucide-react-native'
 import { useColorScheme } from 'nativewind'
 import { ScrollView, Text } from 'react-native'
 
 export default function AppearanceScreen() {
   const { colorScheme, setColorScheme } = useColorScheme()
+  const { i18n } = useLingui()
 
   return (
     <ScrollView className="bg-card" contentContainerClassName="px-6 py-3">
       <Text className="font-sans text-primary font-medium text-base">
-        App theme
+        {t(i18n)`App theme`}
       </Text>
       <Text className="font-sans text-muted-foreground text-sm mb-4">
-        Choose a preferred theme for the 6pm
+        {t(i18n)`Choose a preferred theme for the 6pm`}
       </Text>
       <Tabs
         defaultValue={colorScheme || 'light'}
@@ -20,9 +23,21 @@ export default function AppearanceScreen() {
         onChange={(value: any) => setColorScheme(value)}
       >
         <TabsList>
-          <TabsTrigger value="light" title="Light" icon={SunIcon} />
-          <TabsTrigger value="dark" title="Dark" icon={MoonStarIcon} />
-          <TabsTrigger value="system" title="System" icon={SmartphoneIcon} />
+          <TabsTrigger
+            value="light"
+            title={t(i18n)`Light`}
+            icon={SunIcon}
+          />
+          <TabsTrigger
+            value="dark"
+            title={t(i18n)`Dark`}
+            icon={MoonStarIcon}
+          />
+          <TabsTrigger
+            value="system"
+            title={t(i18n)`System`}
+            icon={SmartphoneIcon}
+          />
         </TabsList>
       </Tabs>
     </ScrollView>
diff --git a/apps/mobile/app/(app)/language.tsx b/apps/mobile/app/(app)/language.tsx
new file mode 100644
index 00000000..cd7f2c77
--- /dev/null
+++ b/apps/mobile/app/(app)/language.tsx
@@ -0,0 +1,37 @@
+import { MenuItem } from '@/components/common/menu-item'
+import { useLocale } from '@/locales/provider'
+import { t } from '@lingui/macro'
+import { useLingui } from '@lingui/react'
+import { useRouter } from 'expo-router'
+import { CheckCircleIcon } from 'lucide-react-native'
+import { ScrollView, Text } from 'react-native'
+
+export default function LanguageScreen() {
+  const { i18n } = useLingui()
+  const { language, setLanguage } = useLocale()
+  const router = useRouter()
+
+  return (
+    <ScrollView className="bg-card">
+      <Text className="font-sans font-medium text-primary text-lg m-6 mx-auto">
+        {t(i18n)`Language`}
+      </Text>
+      <MenuItem
+        label={t(i18n)`English`}
+        rightSection={language === 'en' && <CheckCircleIcon className='w-5 h-5 text-primary' />}
+        onPress={() => {
+          setLanguage('en')
+          router.back()
+        }}
+      />
+      <MenuItem
+        label={t(i18n)`Vietnamese`}
+        rightSection={language === 'vi' && <CheckCircleIcon className='w-5 h-5 text-primary' />}
+        onPress={() => {
+          setLanguage('vi')
+          router.back()
+        }}
+      />
+    </ScrollView>
+  )
+}
diff --git a/apps/mobile/app/(auth)/login.tsx b/apps/mobile/app/(auth)/login.tsx
index 482d6ece..55bfc70d 100644
--- a/apps/mobile/app/(auth)/login.tsx
+++ b/apps/mobile/app/(auth)/login.tsx
@@ -6,6 +6,8 @@ import {
   GoogleAuthButton,
 } from '@/components/auth/auth-social'
 import { AuthIllustration } from '@/components/svg-assets/auth-illustration'
+import { Trans, t } from '@lingui/macro'
+import { useLingui } from '@lingui/react'
 import { Link } from 'expo-router'
 import { MailIcon } from 'lucide-react-native'
 import { useState } from 'react'
@@ -13,6 +15,7 @@ import { ScrollView, Text, View } from 'react-native'
 
 export default function LoginScreen() {
   const [withEmail, setWithEmail] = useState(false)
+  const { i18n } = useLingui()
   return (
     <ScrollView
       className="bg-card"
@@ -20,18 +23,22 @@ export default function LoginScreen() {
       automaticallyAdjustKeyboardInsets
       keyboardShouldPersistTaps="handled"
     >
-      <Text className="text-3xl text-primary font-semibold font-sans">
-        Manage your expense seamlessly
-      </Text>
-      <Text className="text-muted-foreground font-sans">
-        Let <Text className="text-primary">6pm</Text> a good time to spend
-      </Text>
+      <Trans>
+        <View className='gap-4'>
+          <Text className="text-3xl text-primary font-semibold font-sans">
+            Manage your expense seamlessly
+          </Text>
+          <Text className="text-muted-foreground font-sans">
+            Let <Text className="text-primary">6pm</Text> a good time to spend
+          </Text>
+        </View>
+      </Trans>
       <AuthIllustration className="h-[326px] my-16 text-primary" />
       <View className="flex flex-col gap-3">
         <AppleAuthButton />
         <GoogleAuthButton />
         <Button
-          label="Continue with Email"
+          label={t(i18n)`Continue with Email`}
           leftIcon={MailIcon}
           variant="outline"
           onPress={() => setWithEmail(true)}
@@ -39,16 +46,18 @@ export default function LoginScreen() {
         <Separator className="w-[70%] mx-auto my-3" />
         {withEmail && <AuthEmail />}
       </View>
-      <Text className="font-sans text-muted-foreground text-xs text-center mx-auto px-4 mt-4">
-        By continuing, you acknowledge that you understand and agree to the{' '}
-        <Link href="/terms-of-service" asChild className="text-primary">
-          <Text>Terms & Conditions</Text>
-        </Link>{' '}
-        and{' '}
-        <Link href="/privacy-policy" asChild className="text-primary">
-          <Text>Privacy Policy</Text>
-        </Link>
-      </Text>
+      <Trans>
+        <Text className="font-sans text-muted-foreground text-xs text-center mx-auto px-4 mt-4">
+          By continuing, you acknowledge that you understand and agree to the{' '}
+          <Link href="/terms-of-service" asChild className="text-primary">
+            <Text>Terms & Conditions</Text>
+          </Link>{' '}
+          and{' '}
+          <Link href="/privacy-policy" asChild className="text-primary">
+            <Text>Privacy Policy</Text>
+          </Link>
+        </Text>
+      </Trans>
     </ScrollView>
   )
 }
diff --git a/apps/mobile/app/+not-found.tsx b/apps/mobile/app/+not-found.tsx
index 374b39af..1b82d0e9 100644
--- a/apps/mobile/app/+not-found.tsx
+++ b/apps/mobile/app/+not-found.tsx
@@ -1,5 +1,5 @@
 import { Link, Stack } from 'expo-router'
-import { StyleSheet, Text, View } from 'react-native'
+import { Text, View } from 'react-native'
 
 import { Button } from '@/components/Button'
 
@@ -7,25 +7,12 @@ export default function NotFoundScreen() {
   return (
     <>
       <Stack.Screen options={{ title: 'Oops!' }} />
-      <View className="flex-1 items-center justify-center p-4">
-        <Text>This screen doesn't exist.</Text>
-        <Link href="/" style={styles.link} asChild={true}>
+      <View className="flex-1 items-center justify-center p-4 gap-4">
+        <Text className='font-sans text-primary font-medium'>This screen doesn't exist.</Text>
+        <Link href="/" asChild={true}>
           <Button label="Go to home screen!" />
         </Link>
       </View>
     </>
   )
 }
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 20,
-  },
-  link: {
-    marginTop: 15,
-    paddingVertical: 15,
-  },
-})
diff --git a/apps/mobile/app/_layout.tsx b/apps/mobile/app/_layout.tsx
index f412353c..3f1e1ceb 100644
--- a/apps/mobile/app/_layout.tsx
+++ b/apps/mobile/app/_layout.tsx
@@ -17,6 +17,7 @@ import 'react-native-reanimated'
 import { useWarmUpBrowser } from '@/hooks/use-warm-up-browser'
 import { useColorScheme } from '@/hooks/useColorScheme'
 import { queryClient } from '@/lib/client'
+import { LocaleProvider } from '@/locales/provider'
 import {
   DarkTheme,
   DefaultTheme,
@@ -67,26 +68,28 @@ export default function RootLayout() {
         publishableKey={process.env.EXPO_PUBLIC_CLERK_PUBLISHABLE_KEY!}
         tokenCache={tokenCache}
       >
-        <ThemeProvider
-          value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}
-        >
-          <SafeAreaProvider>
-            <Stack screenOptions={{ headerShown: false }}>
-              <Stack.Screen
-                name="(aux)/privacy-policy"
-                options={{
-                  presentation: 'modal',
-                }}
-              />
-              <Stack.Screen
-                name="(aux)/terms-of-service"
-                options={{
-                  presentation: 'modal',
-                }}
-              />
-            </Stack>
-          </SafeAreaProvider>
-        </ThemeProvider>
+        <LocaleProvider>
+          <ThemeProvider
+            value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}
+          >
+            <SafeAreaProvider>
+              <Stack screenOptions={{ headerShown: false }}>
+                <Stack.Screen
+                  name="(aux)/privacy-policy"
+                  options={{
+                    presentation: 'modal',
+                  }}
+                />
+                <Stack.Screen
+                  name="(aux)/terms-of-service"
+                  options={{
+                    presentation: 'modal',
+                  }}
+                />
+              </Stack>
+            </SafeAreaProvider>
+          </ThemeProvider>
+        </LocaleProvider>
       </ClerkProvider>
     </QueryClientProvider>
   )
diff --git a/apps/mobile/babel.config.js b/apps/mobile/babel.config.js
index 8380c13d..602878cd 100644
--- a/apps/mobile/babel.config.js
+++ b/apps/mobile/babel.config.js
@@ -1,10 +1,10 @@
-module.exports = function(api) {
-  api.cache(true);
+module.exports = function (api) {
+  api.cache(true)
   return {
     presets: [
       ['babel-preset-expo', { jsxImportSource: 'nativewind' }],
-      'nativewind/babel'
+      'nativewind/babel',
     ],
-    plugins: [],
-  };
-};
+    plugins: ['macros'],
+  }
+}
diff --git a/apps/mobile/components/auth/auth-email.tsx b/apps/mobile/components/auth/auth-email.tsx
index d61280ce..99d19887 100644
--- a/apps/mobile/components/auth/auth-email.tsx
+++ b/apps/mobile/components/auth/auth-email.tsx
@@ -5,6 +5,8 @@ import { useState } from 'react'
 import { View } from 'react-native'
 
 import { useCreateUserMutation } from '@/mutations/user'
+import { t } from '@lingui/macro'
+import { useLingui } from '@lingui/react'
 import { XCircleIcon } from 'lucide-react-native'
 import { FormProvider, useForm } from 'react-hook-form'
 import { IconButton } from '../IconButton'
@@ -18,6 +20,8 @@ import {
 } from './emailSchema'
 
 export function AuthEmail() {
+  const { i18n } = useLingui()
+
   const authEmailForm = useForm<EmailFormValues>({
     resolver: zodResolver(emailFormSchema),
   })
@@ -80,7 +84,7 @@ export function AuthEmail() {
         }
       } else {
         authEmailForm.setError('emailAddress', {
-          message: err?.errors?.[0]?.message || 'An error occurred',
+          message: err?.errors?.[0]?.message || t(i18n)`An error occurred`,
         })
       }
     }
@@ -127,8 +131,8 @@ export function AuthEmail() {
         <View className="gap-4">
           <InputField
             name="emailAddress"
-            label="Email"
-            placeholder="Enter your email address"
+            label={t(i18n)`Email`}
+            placeholder={t(i18n)`Enter your email address`}
             keyboardType="email-address"
             autoCapitalize="none"
             autoFocus
@@ -151,7 +155,7 @@ export function AuthEmail() {
           />
           {!verifying && (
             <SubmitButton
-              label="Continue"
+              label={t(i18n)`Continue`}
               onPress={authEmailForm.handleSubmit(onContinue)}
               disabled={verifying}
             />
@@ -163,15 +167,15 @@ export function AuthEmail() {
           <View className="gap-4 mt-3">
             <InputField
               name="code"
-              label="Verification code"
-              placeholder="Enter the code sent to your email"
+              label={t(i18n)`Verification code`}
+              placeholder={t(i18n)`Enter the code sent to your email`}
               keyboardType="number-pad"
               autoCapitalize="none"
               autoFocus
               onEndEditing={verifyEmailForm.handleSubmit(onVerify)}
             />
             <SubmitButton
-              label={mode === 'signUp' ? 'Sign up' : 'Sign in'}
+              label={mode === 'signUp' ? t(i18n)`Sign up` : t(i18n)`Sign in`}
               onPress={verifyEmailForm.handleSubmit(onVerify)}
             />
           </View>
diff --git a/apps/mobile/components/auth/auth-social.tsx b/apps/mobile/components/auth/auth-social.tsx
index 5d079866..8b1a77e1 100644
--- a/apps/mobile/components/auth/auth-social.tsx
+++ b/apps/mobile/components/auth/auth-social.tsx
@@ -1,5 +1,7 @@
 import { useCreateUserMutation } from '@/mutations/user'
 import { useOAuth } from '@clerk/clerk-expo'
+import { t } from '@lingui/macro'
+import { useLingui } from '@lingui/react'
 import type { SvgProps } from 'react-native-svg'
 import { Button } from '../Button'
 import { AppleLogo } from '../svg-assets/apple-logo'
@@ -41,10 +43,10 @@ export function AuthSocial({ label, icon: Icon, strategy }: AuthSocialProps) {
 }
 
 export function GoogleAuthButton() {
-
+  const { i18n } = useLingui()
   return (
     <AuthSocial
-      label="Sign in with Google"
+      label={t(i18n)`Sign in with Google`}
       icon={GoogleLogo}
       strategy="oauth_google"
     />
@@ -52,9 +54,10 @@ export function GoogleAuthButton() {
 }
 
 export function AppleAuthButton() {
+  const { i18n } = useLingui()
   return (
     <AuthSocial
-      label="Sign in with Apple"
+      label={t(i18n)`Sign in with Apple`}
       icon={AppleLogo}
       strategy="oauth_apple"
     />
diff --git a/apps/mobile/components/common/menu-item.tsx b/apps/mobile/components/common/menu-item.tsx
new file mode 100644
index 00000000..81d66113
--- /dev/null
+++ b/apps/mobile/components/common/menu-item.tsx
@@ -0,0 +1,34 @@
+import { cn } from '@/lib/utils'
+import { forwardRef } from 'react'
+import { Pressable, Text, View } from 'react-native'
+import type { SvgProps } from 'react-native-svg'
+
+type MenuItemProps = {
+  label: string
+  icon?: React.ComponentType<SvgProps>
+  rightSection?: React.ReactNode
+  onPress?: () => void
+  className?: string
+}
+
+export const MenuItem = forwardRef(function (
+  { label, icon: Icon, rightSection, onPress, className }: MenuItemProps,
+  ref: React.ForwardedRef<React.ElementRef<typeof Pressable>>,
+) {
+  return (
+    <Pressable
+      onPress={onPress}
+      ref={ref}
+      className={cn(
+        "flex flex-row items-center gap-4 px-6 justify-between h-12 active:bg-muted",
+        className,
+      )}
+    >
+      <View className="flex flex-row items-center gap-6">
+        {Icon && <Icon className="w-5 h-5 text-primary" />}
+        <Text className="text-primary font-sans">{label}</Text>
+      </View>
+      {rightSection}
+    </Pressable>
+  )
+})
diff --git a/apps/mobile/components/common/toolbar.tsx b/apps/mobile/components/common/toolbar.tsx
index 90223c8f..a0206062 100644
--- a/apps/mobile/components/common/toolbar.tsx
+++ b/apps/mobile/components/common/toolbar.tsx
@@ -1,3 +1,5 @@
+import { t } from '@lingui/macro'
+import { useLingui } from '@lingui/react'
 import { Link } from 'expo-router'
 import { PlusIcon, Sparkles } from 'lucide-react-native'
 import { View } from 'react-native'
@@ -5,10 +7,11 @@ import { IconButton } from '../IconButton'
 import { Input } from '../Input'
 
 export function Toolbar() {
+  const { i18n } = useLingui()
   return (
     <View className="gap-3 items-center absolute flex-row bottom-4 left-6 right-6">
       <Input
-        placeholder="Ask AI anything..."
+        placeholder={t(i18n)`Ask AI anything...`}
         leftSection={<Sparkles className="w-5 h-5 text-muted-foreground" />}
         className="flex-1"
       />
diff --git a/apps/mobile/components/home/header.tsx b/apps/mobile/components/home/header.tsx
index 5f979c8d..2b65d9c7 100644
--- a/apps/mobile/components/home/header.tsx
+++ b/apps/mobile/components/home/header.tsx
@@ -1,4 +1,6 @@
 import { useUser } from "@clerk/clerk-expo";
+import { t } from "@lingui/macro";
+import { useLingui } from "@lingui/react";
 import { ArrowDownUp, Bell } from "lucide-react-native";
 import { Text, TouchableOpacity, View } from "react-native";
 import { Avatar, AvatarFallback, AvatarImage } from "../Avatar";
@@ -6,6 +8,7 @@ import { IconButton } from "../IconButton";
 
 export function HomeHeader() {
   const { user } = useUser()
+  const { i18n } = useLingui()
 
   return (
     <View className="flex bg-card px-6 py-3 flex-row items-center justify-between">
@@ -24,7 +27,7 @@ export function HomeHeader() {
           </Text>
           <TouchableOpacity activeOpacity={0.8} className="gap-2 items-center flex-row">
             <Text className="text-primary font-sans font-medium">
-              All Accounts
+              {t(i18n)`All Accounts`}
             </Text>
             <ArrowDownUp className="w-4 h-4 text-muted-foreground" />
           </TouchableOpacity>
diff --git a/apps/mobile/index.js b/apps/mobile/index.js
index cf2ee37e..4f1f90f9 100644
--- a/apps/mobile/index.js
+++ b/apps/mobile/index.js
@@ -1 +1,6 @@
-import "expo-router/entry"
+import '@formatjs/intl-locale/polyfill'
+import '@formatjs/intl-pluralrules/polyfill'
+import '@formatjs/intl-pluralrules/locale-data/en'
+import '@formatjs/intl-pluralrules/locale-data/vi'
+
+import 'expo-router/entry'
diff --git a/apps/mobile/locales/en/messages.po b/apps/mobile/locales/en/messages.po
new file mode 100644
index 00000000..467a86f2
--- /dev/null
+++ b/apps/mobile/locales/en/messages.po
@@ -0,0 +1,149 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-06-10 04:34+0700\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: en\n"
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"Plural-Forms: \n"
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:65
+msgid "{language}"
+msgstr ""
+
+#: apps/mobile/app/(auth)/login.tsx:26
+msgid "<0><1>Manage your expense seamlessly</1><2>Let <3>6pm</3> a good time to spend</2></0>"
+msgstr ""
+
+#: apps/mobile/app/(auth)/login.tsx:49
+msgid "<0>By continuing, you acknowledge that you understand and agree to the <1><2>Terms & Conditions</2></1> and <3><4>Privacy Policy</4></3></0>"
+msgstr ""
+
+#: apps/mobile/components/home/header.tsx:30
+msgid "All Accounts"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-email.tsx:87
+msgid "An error occurred"
+msgstr ""
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:49
+msgid "App settings"
+msgstr ""
+
+#: apps/mobile/app/(app)/appearance.tsx:15
+msgid "App theme"
+msgstr ""
+
+#: apps/mobile/app/(app)/_layout.tsx:44
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:53
+msgid "Appearance"
+msgstr ""
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:80
+msgid "Are you sure you want to sign out?"
+msgstr ""
+
+#: apps/mobile/components/common/toolbar.tsx:14
+msgid "Ask AI anything..."
+msgstr ""
+
+#: apps/mobile/app/(app)/(tabs)/_layout.tsx:42
+msgid "Budgets"
+msgstr ""
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:82
+msgid "Cancel"
+msgstr ""
+
+#: apps/mobile/app/(app)/appearance.tsx:18
+msgid "Choose a preferred theme for the 6pm"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-email.tsx:158
+msgid "Continue"
+msgstr ""
+
+#: apps/mobile/app/(auth)/login.tsx:41
+msgid "Continue with Email"
+msgstr ""
+
+#: apps/mobile/app/(app)/appearance.tsx:33
+msgid "Dark"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-email.tsx:134
+msgid "Email"
+msgstr ""
+
+#: apps/mobile/app/(app)/language.tsx:20
+msgid "English"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-email.tsx:171
+msgid "Enter the code sent to your email"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-email.tsx:135
+msgid "Enter your email address"
+msgstr ""
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:60
+#: apps/mobile/app/(app)/language.tsx:17
+msgid "Language"
+msgstr ""
+
+#: apps/mobile/app/(app)/appearance.tsx:28
+msgid "Light"
+msgstr ""
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:75
+msgid "Others"
+msgstr ""
+
+#: apps/mobile/app/(app)/(tabs)/_layout.tsx:50
+msgid "Scanner"
+msgstr ""
+
+#: apps/mobile/app/(app)/(tabs)/_layout.tsx:58
+msgid "Settings"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-email.tsx:178
+msgid "Sign in"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-social.tsx:60
+msgid "Sign in with Apple"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-social.tsx:49
+msgid "Sign in with Google"
+msgstr ""
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:78
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:86
+msgid "Sign out"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-email.tsx:178
+msgid "Sign up"
+msgstr ""
+
+#: apps/mobile/app/(app)/appearance.tsx:38
+msgid "System"
+msgstr ""
+
+#: apps/mobile/components/auth/auth-email.tsx:170
+msgid "Verification code"
+msgstr ""
+
+#: apps/mobile/app/(app)/language.tsx:28
+msgid "Vietnamese"
+msgstr ""
diff --git a/apps/mobile/locales/en/messages.ts b/apps/mobile/locales/en/messages.ts
new file mode 100644
index 00000000..5e7dd16d
--- /dev/null
+++ b/apps/mobile/locales/en/messages.ts
@@ -0,0 +1 @@
+/*eslint-disable*/import type{Messages}from"@lingui/core";export const messages:Messages=JSON.parse("{\"FEZKSz\":[[\"language\"]],\"VE5ikN\":\"<0><1>Manage your expense seamlessly</1><2>Let <3>6pm</3> a good time to spend</2></0>\",\"AYTmQ1\":\"<0>By continuing, you acknowledge that you understand and agree to the <1><2>Terms & Conditions</2></1> and <3><4>Privacy Policy</4></3></0>\",\"pXc4dB\":\"All Accounts\",\"Vw8l6h\":\"An error occurred\",\"2Yw5Eq\":\"App settings\",\"rg8lHb\":\"App theme\",\"aAIQg2\":\"Appearance\",\"apLLSU\":\"Are you sure you want to sign out?\",\"X2pgJW\":\"Ask AI anything...\",\"IGsZpB\":\"Budgets\",\"dEgA5A\":\"Cancel\",\"h4wXn9\":\"Choose a preferred theme for the 6pm\",\"xGVfLh\":\"Continue\",\"RvVi9c\":\"Continue with Email\",\"pvnfJD\":\"Dark\",\"O3oNi5\":\"Email\",\"lYGfRP\":\"English\",\"EmV+r3\":\"Enter the code sent to your email\",\"xRPn3U\":\"Enter your email address\",\"vXIe7J\":\"Language\",\"1njn7W\":\"Light\",\"NuKR0h\":\"Others\",\"WDgJiV\":\"Scanner\",\"Tz0i8g\":\"Settings\",\"5lWFkC\":\"Sign in\",\"+EnZBU\":\"Sign in with Apple\",\"dbWo0h\":\"Sign in with Google\",\"fcWrnU\":\"Sign out\",\"e+RpCP\":\"Sign up\",\"D+NlUC\":\"System\",\"AdWhjZ\":\"Verification code\",\"fROFIL\":\"Vietnamese\"}");
\ No newline at end of file
diff --git a/apps/mobile/locales/provider.tsx b/apps/mobile/locales/provider.tsx
new file mode 100644
index 00000000..f9700221
--- /dev/null
+++ b/apps/mobile/locales/provider.tsx
@@ -0,0 +1,68 @@
+import { i18n } from "@lingui/core"
+import { I18nProvider } from '@lingui/react'
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import { getLocales } from 'expo-localization';
+import { createContext, useContext, useEffect, useLayoutEffect, useState } from 'react';
+import { Text } from 'react-native'
+import { messages as enMessages } from './en/messages';
+import { messages as viMessages } from './vi/messages';
+
+const deviceLanguage = getLocales()[0]?.languageCode ?? 'en';
+const defaultLanguage = ['en', 'vi'].includes(deviceLanguage) ? deviceLanguage : 'en';
+
+const messages = {
+  en: enMessages,
+  vi: viMessages,
+}
+
+i18n.load(messages)
+i18n.activate(defaultLanguage)
+
+export const LocaleContext = createContext<{
+  language: string;
+  setLanguage: (language: string) => void;
+}>({
+  language: defaultLanguage,
+  // biome-ignore lint/suspicious/noEmptyBlockStatements: <explanation>
+  setLanguage: () => { },
+})
+
+export function LocaleProvider({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  const [language, setLanguage] = useState<string>(defaultLanguage)
+
+  useLayoutEffect(() => {
+    async function main() {
+      const persistedLanguage = await AsyncStorage.getItem('@preferred_language')
+      if (persistedLanguage) {
+        setLanguage(persistedLanguage)
+      }
+    }
+    main()
+  }, [])
+
+  useEffect(() => {
+    async function main() {
+      i18n.activate(language)
+      await AsyncStorage.setItem('@preferred_language', language)
+    }
+    main()
+  }, [language])
+
+  return (
+    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    <I18nProvider i18n={i18n} defaultComponent={Text as any}>
+      <LocaleContext.Provider value={{ language, setLanguage }}>
+        {children}
+      </LocaleContext.Provider>
+    </I18nProvider>
+  )
+}
+
+export function useLocale() {
+  const { language, setLanguage } = useContext(LocaleContext)
+  return { language, setLanguage }
+}
\ No newline at end of file
diff --git a/apps/mobile/locales/vi/messages.po b/apps/mobile/locales/vi/messages.po
new file mode 100644
index 00000000..e4319cc2
--- /dev/null
+++ b/apps/mobile/locales/vi/messages.po
@@ -0,0 +1,149 @@
+msgid ""
+msgstr ""
+"POT-Creation-Date: 2024-06-10 04:34+0700\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"X-Generator: @lingui/cli\n"
+"Language: vi\n"
+"Project-Id-Version: \n"
+"Report-Msgid-Bugs-To: \n"
+"PO-Revision-Date: \n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"Plural-Forms: \n"
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:65
+msgid "{language}"
+msgstr ""
+
+#: apps/mobile/app/(auth)/login.tsx:26
+msgid "<0><1>Manage your expense seamlessly</1><2>Let <3>6pm</3> a good time to spend</2></0>"
+msgstr "<0><1>Quản lý chi tiêu trong lòng bàn tay</1><2>Không lo cháy túi mỗi <3>6pm</3></2></0>"
+
+#: apps/mobile/app/(auth)/login.tsx:49
+msgid "<0>By continuing, you acknowledge that you understand and agree to the <1><2>Terms & Conditions</2></1> and <3><4>Privacy Policy</4></3></0>"
+msgstr "<0>Bằng cách tiếp tục, bạn đã hiểu và đồng ý với <1><2>Điều khoản sử dụng</2></1> và <3><4>Chính sách bảo mật</4></3> của 6pm.</0>"
+
+#: apps/mobile/components/home/header.tsx:30
+msgid "All Accounts"
+msgstr "Tất cả tài khoản"
+
+#: apps/mobile/components/auth/auth-email.tsx:87
+msgid "An error occurred"
+msgstr "Có lỗi xảy ra"
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:49
+msgid "App settings"
+msgstr "Cài đặt ứng dụng"
+
+#: apps/mobile/app/(app)/appearance.tsx:15
+msgid "App theme"
+msgstr "Chủ đề ứng dụng"
+
+#: apps/mobile/app/(app)/_layout.tsx:44
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:53
+msgid "Appearance"
+msgstr "Giao diện"
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:80
+msgid "Are you sure you want to sign out?"
+msgstr "Bạn có chắc chắn muốn đăng xuất?"
+
+#: apps/mobile/components/common/toolbar.tsx:14
+msgid "Ask AI anything..."
+msgstr "Hỏi AI bất kỳ gì..."
+
+#: apps/mobile/app/(app)/(tabs)/_layout.tsx:42
+msgid "Budgets"
+msgstr "Ngân sách"
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:82
+msgid "Cancel"
+msgstr "Huỷ"
+
+#: apps/mobile/app/(app)/appearance.tsx:18
+msgid "Choose a preferred theme for the 6pm"
+msgstr "Chọn chủ đề giao diện cho 6pm"
+
+#: apps/mobile/components/auth/auth-email.tsx:158
+msgid "Continue"
+msgstr "Tiếp tục"
+
+#: apps/mobile/app/(auth)/login.tsx:41
+msgid "Continue with Email"
+msgstr "Tiếp tục với Email"
+
+#: apps/mobile/app/(app)/appearance.tsx:33
+msgid "Dark"
+msgstr "Tối"
+
+#: apps/mobile/components/auth/auth-email.tsx:134
+msgid "Email"
+msgstr "Email"
+
+#: apps/mobile/app/(app)/language.tsx:20
+msgid "English"
+msgstr "Tiếng Anh"
+
+#: apps/mobile/components/auth/auth-email.tsx:171
+msgid "Enter the code sent to your email"
+msgstr "Nhập mã xác nhận gửi đến email của bạn"
+
+#: apps/mobile/components/auth/auth-email.tsx:135
+msgid "Enter your email address"
+msgstr "Nhập địa chỉ email của bạn"
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:60
+#: apps/mobile/app/(app)/language.tsx:17
+msgid "Language"
+msgstr "Ngôn ngữ"
+
+#: apps/mobile/app/(app)/appearance.tsx:28
+msgid "Light"
+msgstr "Sáng"
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:75
+msgid "Others"
+msgstr "Khác"
+
+#: apps/mobile/app/(app)/(tabs)/_layout.tsx:50
+msgid "Scanner"
+msgstr "Quét hoá đơn"
+
+#: apps/mobile/app/(app)/(tabs)/_layout.tsx:58
+msgid "Settings"
+msgstr "Cài đặt"
+
+#: apps/mobile/components/auth/auth-email.tsx:178
+msgid "Sign in"
+msgstr "Đăng nhập"
+
+#: apps/mobile/components/auth/auth-social.tsx:60
+msgid "Sign in with Apple"
+msgstr "Tiếp tục với Apple"
+
+#: apps/mobile/components/auth/auth-social.tsx:49
+msgid "Sign in with Google"
+msgstr "Tiếp tục với Google"
+
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:78
+#: apps/mobile/app/(app)/(tabs)/settings.tsx:86
+msgid "Sign out"
+msgstr "Đăng xuất"
+
+#: apps/mobile/components/auth/auth-email.tsx:178
+msgid "Sign up"
+msgstr "Đăng ký"
+
+#: apps/mobile/app/(app)/appearance.tsx:38
+msgid "System"
+msgstr "Hệ thống"
+
+#: apps/mobile/components/auth/auth-email.tsx:170
+msgid "Verification code"
+msgstr "Mã xác nhận"
+
+#: apps/mobile/app/(app)/language.tsx:28
+msgid "Vietnamese"
+msgstr "Tiếng Việt"
diff --git a/apps/mobile/locales/vi/messages.ts b/apps/mobile/locales/vi/messages.ts
new file mode 100644
index 00000000..0adfbbf9
--- /dev/null
+++ b/apps/mobile/locales/vi/messages.ts
@@ -0,0 +1 @@
+/*eslint-disable*/import type{Messages}from"@lingui/core";export const messages:Messages=JSON.parse("{\"FEZKSz\":[[\"language\"]],\"VE5ikN\":\"<0><1>Quản lý chi tiêu trong lòng bàn tay</1><2>Không lo cháy túi mỗi <3>6pm</3></2></0>\",\"AYTmQ1\":\"<0>Bằng cách tiếp tục, bạn đã hiểu và đồng ý với <1><2>Điều khoản sử dụng</2></1> và <3><4>Chính sách bảo mật</4></3></0>\",\"pXc4dB\":\"Tất cả tài khoản\",\"Vw8l6h\":\"Có lỗi xảy ra\",\"2Yw5Eq\":\"Cài đặt ứng dụng\",\"rg8lHb\":\"Chủ đề ứng dụng\",\"aAIQg2\":\"Giao diện\",\"apLLSU\":\"Bạn có chắc chắn muốn đăng xuất?\",\"X2pgJW\":\"Hỏi AI bất kỳ gì...\",\"IGsZpB\":\"Ngân sách\",\"dEgA5A\":\"Huỷ\",\"h4wXn9\":\"Chọn chủ đề giao diện cho 6pm\",\"xGVfLh\":\"Tiếp tục\",\"RvVi9c\":\"Tiếp tục với Email\",\"pvnfJD\":\"Tối\",\"O3oNi5\":\"Email\",\"lYGfRP\":\"Tiếng Anh\",\"EmV+r3\":\"Nhập mã xác nhận gửi đến email của bạn\",\"xRPn3U\":\"Nhập địa chỉ email của bạn\",\"vXIe7J\":\"Ngôn ngữ\",\"1njn7W\":\"Sáng\",\"NuKR0h\":\"Khác\",\"WDgJiV\":\"Quét hoá đơn\",\"Tz0i8g\":\"Cài đặt\",\"5lWFkC\":\"Đăng nhập\",\"+EnZBU\":\"Tiếp tục với Apple\",\"dbWo0h\":\"Tiếp tục với Google\",\"fcWrnU\":\"Đăng xuất\",\"e+RpCP\":\"Đăng ký\",\"D+NlUC\":\"Hệ thống\",\"AdWhjZ\":\"Mã xác nhận\",\"fROFIL\":\"Tiếng Việt\"}");
\ No newline at end of file
diff --git a/apps/mobile/package.json b/apps/mobile/package.json
index 03d35918..48a0a482 100644
--- a/apps/mobile/package.json
+++ b/apps/mobile/package.json
@@ -20,7 +20,12 @@
     "@clerk/clerk-expo": "^1.2.0",
     "@expo-google-fonts/be-vietnam-pro": "^0.2.3",
     "@expo/vector-icons": "^14.0.0",
+    "@formatjs/intl-locale": "^4.0.0",
+    "@formatjs/intl-pluralrules": "^5.2.14",
     "@hookform/resolvers": "^3.6.0",
+    "@lingui/macro": "^4.11.1",
+    "@lingui/react": "^4.11.1",
+    "@react-native-async-storage/async-storage": "^1.23.1",
     "@react-navigation/native": "^6.0.2",
     "@tanstack/react-query": "^5.40.1",
     "class-variance-authority": "^0.7.0",
@@ -29,6 +34,7 @@
     "expo-constants": "~16.0.2",
     "expo-font": "~12.0.7",
     "expo-linking": "~6.3.1",
+    "expo-localization": "^15.0.3",
     "expo-router": "~3.5.15",
     "expo-secure-store": "^13.0.1",
     "expo-splash-screen": "~0.27.5",
diff --git a/lingui.config.js b/lingui.config.js
new file mode 100644
index 00000000..3f0fcbdc
--- /dev/null
+++ b/lingui.config.js
@@ -0,0 +1,12 @@
+/** @type {import('@lingui/conf').LinguiConfig} */
+module.exports = {
+  locales: ['en', 'vi'],
+  catalogs: [
+    {
+      path: '<rootDir>/apps/mobile/locales/{locale}/messages',
+      include: ['apps/mobile'],
+    },
+  ],
+  format: 'po',
+  compileNamespace: 'ts',
+}
diff --git a/package.json b/package.json
index a9fb3d7b..38003763 100644
--- a/package.json
+++ b/package.json
@@ -2,27 +2,27 @@
   "name": "6pm",
   "version": "0.0.0",
   "license": "GPL-3.0",
-  "workspaces": [
-    "apps/*",
-    "packages/*"
-  ],
+  "workspaces": ["apps/*", "packages/*"],
   "scripts": {
     "api:dev": "pnpm --filter @6pm/api run dev",
     "api:build": "pnpm --filter @6pm/api run build",
     "api:start": "pnpm --filter @6pm/api run start",
     "mobile": "pnpm --filter @6pm/mobile",
-    "mobile:start": "pnpm --filter @6pm/mobile run start"
+    "mobile:start": "pnpm --filter @6pm/mobile run start",
+    "li:extract": "lingui extract",
+    "li:compile": "lingui compile --typescript",
+    "li": "pnpm li:extract && pnpm li:compile"
   },
   "devDependencies": {
-    "@biomejs/biome": "^1.8.0"
+    "@babel/core": "^7.20.0",
+    "@biomejs/biome": "^1.8.0",
+    "@lingui/cli": "^4.11.1",
+    "@lingui/macro": "^4.11.1",
+    "babel-plugin-macros": "^3.1.0"
   },
   "pnpm": {
     "peerDependencyRules": {
-      "ignoreMissing": [
-        "@babel/*",
-        "expo-modules-*",
-        "typescript"
-      ]
+      "ignoreMissing": ["@babel/*", "expo-modules-*", "typescript"]
     }
   },
   "packageManager": "pnpm@9.2.0+sha512.98a80fd11c2e7096747762304106432b3ddc67dcf54b5a8c01c93f68a2cd5e05e6821849522a06fb76284d41a2660d5e334f2ee3bbf29183bf2e739b1dafa771"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4b1f81a5..af874c75 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -8,9 +8,21 @@ importers:
 
   .:
     devDependencies:
+      '@babel/core':
+        specifier: ^7.20.0
+        version: 7.24.7
       '@biomejs/biome':
         specifier: ^1.8.0
         version: 1.8.0
+      '@lingui/cli':
+        specifier: ^4.11.1
+        version: 4.11.1(typescript@5.4.5)
+      '@lingui/macro':
+        specifier: ^4.11.1
+        version: 4.11.1(@lingui/react@4.11.1(react@18.3.1))(babel-plugin-macros@3.1.0)(typescript@5.4.5)
+      babel-plugin-macros:
+        specifier: ^3.1.0
+        version: 3.1.0
 
   apps/api:
     dependencies:
@@ -43,7 +55,7 @@ importers:
         version: 4.4.4
       next:
         specifier: ^14.2.3
-        version: 14.2.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 14.2.3(@babel/core@7.24.7)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react:
         specifier: 18.3.1
         version: 18.3.1
@@ -87,9 +99,24 @@ importers:
       '@expo/vector-icons':
         specifier: ^14.0.0
         version: 14.0.2
+      '@formatjs/intl-locale':
+        specifier: ^4.0.0
+        version: 4.0.0
+      '@formatjs/intl-pluralrules':
+        specifier: ^5.2.14
+        version: 5.2.14
       '@hookform/resolvers':
         specifier: ^3.6.0
         version: 3.6.0(react-hook-form@7.51.5(react@18.3.1))
+      '@lingui/macro':
+        specifier: ^4.11.1
+        version: 4.11.1(@lingui/react@4.11.1(react@18.3.1))(babel-plugin-macros@3.1.0)(typescript@5.3.3)
+      '@lingui/react':
+        specifier: ^4.11.1
+        version: 4.11.1(react@18.3.1)
+      '@react-native-async-storage/async-storage':
+        specifier: ^1.23.1
+        version: 1.23.1(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))
       '@react-navigation/native':
         specifier: ^6.0.2
         version: 6.1.17(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1)
@@ -114,6 +141,9 @@ importers:
       expo-linking:
         specifier: ~6.3.1
         version: 6.3.1(expo@51.0.11(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))
+      expo-localization:
+        specifier: ^15.0.3
+        version: 15.0.3(expo@51.0.11(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))
       expo-router:
         specifier: ~3.5.15
         version: 3.5.15(expo-constants@16.0.2(expo@51.0.11(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(expo-linking@6.3.1(expo@51.0.11(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))))(expo-modules-autolinking@1.11.1)(expo-status-bar@1.12.1)(expo@51.0.11(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7)))(react-native-reanimated@3.10.1(@babel/core@7.24.7)(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1))(react-native-safe-area-context@4.10.1(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1))(react-native-screens@3.31.1(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1))(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))(react@18.3.1)(typescript@5.3.3)
@@ -1131,6 +1161,138 @@ packages:
   '@emotion/weak-memoize@0.3.1':
     resolution: {integrity: sha512-EsBwpc7hBUJWAsNPBmJy4hxWx12v6bshQsldrVmjxJoc3isbxhOrF2IcCpaXxfvq03NwkI7sbsOLXbYuqF/8Ww==}
 
+  '@esbuild/android-arm64@0.17.19':
+    resolution: {integrity: sha512-KBMWvEZooR7+kzY0BtbTQn0OAYY7CsiydT63pVEaPtVYF0hXbUaOyZog37DKxK7NF3XacBJOpYT4adIJh+avxA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.17.19':
+    resolution: {integrity: sha512-rIKddzqhmav7MSmoFCmDIb6e2W57geRsM94gV2l38fzhXMwq7hZoClug9USI2pFRGL06f4IOPHHpFNOkWieR8A==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.17.19':
+    resolution: {integrity: sha512-uUTTc4xGNDT7YSArp/zbtmbhO0uEEK9/ETW29Wk1thYUJBz3IVnvgEiEwEa9IeLyvnpKrWK64Utw2bgUmDveww==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.17.19':
+    resolution: {integrity: sha512-80wEoCfF/hFKM6WE1FyBHc9SfUblloAWx6FJkFWTWiCoht9Mc0ARGEM47e67W9rI09YoUxJL68WHfDRYEAvOhg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.17.19':
+    resolution: {integrity: sha512-IJM4JJsLhRYr9xdtLytPLSH9k/oxR3boaUIYiHkAawtwNOXKE8KoU8tMvryogdcT8AU+Bflmh81Xn6Q0vTZbQw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.17.19':
+    resolution: {integrity: sha512-pBwbc7DufluUeGdjSU5Si+P3SoMF5DQ/F/UmTSb8HXO80ZEAJmrykPyzo1IfNbAoaqw48YRpv8shwd1NoI0jcQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.17.19':
+    resolution: {integrity: sha512-4lu+n8Wk0XlajEhbEffdy2xy53dpR06SlzvhGByyg36qJw6Kpfk7cp45DR/62aPH9mtJRmIyrXAS5UWBrJT6TQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.17.19':
+    resolution: {integrity: sha512-ct1Tg3WGwd3P+oZYqic+YZF4snNl2bsnMKRkb3ozHmnM0dGWuxcPTTntAF6bOP0Sp4x0PjSF+4uHQ1xvxfRKqg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.17.19':
+    resolution: {integrity: sha512-cdmT3KxjlOQ/gZ2cjfrQOtmhG4HJs6hhvm3mWSRDPtZ/lP5oe8FWceS10JaSJC13GBd4eH/haHnqf7hhGNLerA==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.17.19':
+    resolution: {integrity: sha512-w4IRhSy1VbsNxHRQpeGCHEmibqdTUx61Vc38APcsRbuVgK0OPEnQ0YD39Brymn96mOx48Y2laBQGqgZ0j9w6SQ==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.17.19':
+    resolution: {integrity: sha512-2iAngUbBPMq439a+z//gE+9WBldoMp1s5GWsUSgqHLzLJ9WoZLZhpwWuym0u0u/4XmZ3gpHmzV84PonE+9IIdQ==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.17.19':
+    resolution: {integrity: sha512-LKJltc4LVdMKHsrFe4MGNPp0hqDFA1Wpt3jE1gEyM3nKUvOiO//9PheZZHfYRfYl6AwdTH4aTcXSqBerX0ml4A==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.17.19':
+    resolution: {integrity: sha512-/c/DGybs95WXNS8y3Ti/ytqETiW7EU44MEKuCAcpPto3YjQbyK3IQVKfF6nbghD7EcLUGl0NbiL5Rt5DMhn5tg==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.17.19':
+    resolution: {integrity: sha512-FC3nUAWhvFoutlhAkgHf8f5HwFWUL6bYdvLc/TTuxKlvLi3+pPzdZiFKSWz/PF30TB1K19SuCxDTI5KcqASJqA==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.17.19':
+    resolution: {integrity: sha512-IbFsFbxMWLuKEbH+7sTkKzL6NJmG2vRyy6K7JJo55w+8xDk7RElYn6xvXtDW8HCfoKBFK69f3pgBJSUSQPr+4Q==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.17.19':
+    resolution: {integrity: sha512-68ngA9lg2H6zkZcyp22tsVt38mlhWde8l3eJLWkyLrp4HwMUr3c1s/M2t7+kHIhvMjglIBrFpncX1SzMckomGw==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-x64@0.17.19':
+    resolution: {integrity: sha512-CwFq42rXCR8TYIjIfpXCbRX0rp1jo6cPIUPSaWwzbVI4aOfX96OXY8M6KNmtPcg7QjYeDmN+DD0Wp3LaBOLf4Q==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-x64@0.17.19':
+    resolution: {integrity: sha512-cnq5brJYrSZ2CF6c35eCmviIN3k3RczmHz8eYaVlNasVqsNY+JKohZU5MKmaOI+KkllCdzOKKdPs762VCPC20g==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/sunos-x64@0.17.19':
+    resolution: {integrity: sha512-vCRT7yP3zX+bKWFeP/zdS6SqdWB8OIpaRq/mbXQxTGHnIxspRtigpkUcDMlSCOejlHowLqII7K2JKevwyRP2rg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.17.19':
+    resolution: {integrity: sha512-yYx+8jwowUstVdorcMdNlzklLYhPxjniHWFKgRqH7IFlUEa0Umu3KuYplf1HUZZ422e3NU9F4LGb+4O0Kdcaag==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.17.19':
+    resolution: {integrity: sha512-eggDKanJszUtCdlVs0RB+h35wNlb5v4TWEkq4vZcmVt5u/HiDZrTXe2bWFQUez3RgNHwx/x4sk5++4NSSicKkw==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.17.19':
+    resolution: {integrity: sha512-lAhycmKnVOuRYNtRtatQR1LPQf2oYCkRGkSFnseDAKPl8lu5SOsK/e1sXe5a0Pc5kHIHe6P2I/ilntNv2xf3cA==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+
   '@expo-google-fonts/be-vietnam-pro@0.2.3':
     resolution: {integrity: sha512-Iz2nrIX+Zp6efrs1TyLyarugVDEnYYmcjepD2VDclELLmU2AyQWndyutae7pcjlECJKBlGcgNJnsXuIsU+bT2Q==}
 
@@ -1242,6 +1404,24 @@ packages:
   '@floating-ui/utils@0.2.2':
     resolution: {integrity: sha512-J4yDIIthosAsRZ5CPYP/jQvUAQtlZTTD/4suA08/FEnlxqW3sKS9iAhgsa9VYLZ6vDHn/ixJgIqRQPotoBjxIw==}
 
+  '@formatjs/ecma402-abstract@2.0.0':
+    resolution: {integrity: sha512-rRqXOqdFmk7RYvj4khklyqzcfQl9vEL/usogncBHRZfZBDOwMGuSRNFl02fu5KGHXdbinju+YXyuR+Nk8xlr/g==}
+
+  '@formatjs/intl-enumerator@1.4.7':
+    resolution: {integrity: sha512-03RHnFqfpB4H/jwCwlzC+wkTDk2Fi24JmVIY2PVGvTUpikN2bSr9+8oTXfOC+y7B7VxjCArUnqWXVoctkmy85w==}
+
+  '@formatjs/intl-getcanonicallocales@2.3.0':
+    resolution: {integrity: sha512-BOXbLwqQ7nKua/l7tKqDLRN84WupDXFDhGJQMFvsMVA2dKuOdRaWTxWpL3cJ7qPkoNw11Jf+Xpj4OSPBBvW0eQ==}
+
+  '@formatjs/intl-locale@4.0.0':
+    resolution: {integrity: sha512-+4dbMEGsp1bvB3JB3UHH6YTjMnFTifnfdaHp4ROrCCu50NedA69RBsDCG3eivcZkbj57X9ehGhMWjLxlP+gyVw==}
+
+  '@formatjs/intl-localematcher@0.5.4':
+    resolution: {integrity: sha512-zTwEpWOzZ2CiKcB93BLngUX59hQkuZjT2+SAQEscSm52peDW/getsawMcWF1rGRpMCX6D7nSJA3CzJ8gn13N/g==}
+
+  '@formatjs/intl-pluralrules@5.2.14':
+    resolution: {integrity: sha512-l6Ev7aOGXJSh5EPDEqzsbyufdCCKXZk993QXRQebLsB0TXRhIyF4alqjdMEatLwIigK/Mka8kiVIOLeFP5Cj9Q==}
+
   '@formkit/auto-animate@0.8.2':
     resolution: {integrity: sha512-SwPWfeRa5veb1hOIBMdzI+73te5puUBHmqqaF1Bu7FjvxlYSz/kJcZKSa9Cg60zL0uRNeJL2SbRxV6Jp6Q1nFQ==}
 
@@ -1392,6 +1572,47 @@ packages:
   '@jridgewell/trace-mapping@0.3.9':
     resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
 
+  '@lingui/babel-plugin-extract-messages@4.11.1':
+    resolution: {integrity: sha512-ouyUTVy2QbHQMv5ib2zFzimjpdBYALCbqnzOJI0YKCOIJD/+sCIPKcCzVrLdKEu90qwy18J/Ho7Z66BhffGAkQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@lingui/cli@4.11.1':
+    resolution: {integrity: sha512-jA5pRB7UKwto704hMl2ohO/kGuoPEnf0lSg0qPlbVAfzQCTzq3TxJTgLEAoLQ5AL7aqXXysqrWOM9MEy7pJ4+w==}
+    engines: {node: '>=16.0.0'}
+    hasBin: true
+
+  '@lingui/conf@4.11.1':
+    resolution: {integrity: sha512-rjMoHl80QhLIo+Zfs1s04Uh+Twpy9CZN01la48oti0g+zAniLk9RN8KlIGC4hyruVh1CsIwjabjLAdwj3cOKKQ==}
+    engines: {node: '>=16.0.0'}
+
+  '@lingui/core@4.11.1':
+    resolution: {integrity: sha512-iG8Oz46kuYFugWFlCH/SRvnsMqhD2zc3csPUVD7RZN/374v6Djd6EzlQEla307J3qFrhfJDrhhZrIH8v0GANCw==}
+    engines: {node: '>=16.0.0'}
+
+  '@lingui/format-po@4.11.1':
+    resolution: {integrity: sha512-8qeiL8tXkGjW9kjUFzO00ZibpP5S6fJHdvTprm7wMAjpLtUYbMlSn/XQi2uLpG+ZB+9/EPTKGhNOaa9Fktq53Q==}
+    engines: {node: '>=16.0.0'}
+
+  '@lingui/macro@4.11.1':
+    resolution: {integrity: sha512-CwZNfI00ad4jmXkd/0cBM05pNALw96Xu9EmqRubQzqsN7FON9d48ZYUyK1lBnfZNkQjS82ack8tjkW1o3X725Q==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      '@lingui/react': ^4.0.0
+      babel-plugin-macros: 2 || 3
+
+  '@lingui/message-utils@4.11.1':
+    resolution: {integrity: sha512-6dufjX9YdGZftgnzmrakvgiE0srp83GhrbK32dz33hASgAbF5vGHkxyOZLmnL3xYO5RgsrCJ5HGyiB/oQKlc9w==}
+    engines: {node: '>=16.0.0'}
+
+  '@lingui/react@4.11.1':
+    resolution: {integrity: sha512-pqnAhp1gYJKz7dgDAIb1G1oaBq7OcuQJrXDq/ekrLqSBLozlpPskY5bmv20ygtjgoUiVOlD0+32UWDLafasc4w==}
+    engines: {node: '>=16.0.0'}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
+
+  '@messageformat/parser@5.1.0':
+    resolution: {integrity: sha512-jKlkls3Gewgw6qMjKZ9SFfHUpdzEVdovKFtW1qRhJ3WI4FW5R/NnGDqr8SDGz+krWDO3ki94boMmQvGke1HwUQ==}
+
   '@neondatabase/serverless@0.9.3':
     resolution: {integrity: sha512-6ZBK8asl2Z3+ADEaELvbaVVGVlmY1oAzkxxZfpmXPKFuJhbDN+5fU3zYBamsahS/Ch1zE+CVWB3R+8QEI2LMSw==}
 
@@ -1517,6 +1738,11 @@ packages:
     peerDependencies:
       react: ^16.8 || ^17.0 || ^18.0
 
+  '@react-native-async-storage/async-storage@1.23.1':
+    resolution: {integrity: sha512-Qd2kQ3yi6Y3+AcUlrHxSLlnBvpdCEMVGFlVBneVOjaFaPU61g1huc38g339ysXspwY1QZA2aNhrk/KlHGO+ewA==}
+    peerDependencies:
+      react-native: ^0.0.0-0 || >=0.60 <1.0
+
   '@react-native-community/cli-clean@13.6.8':
     resolution: {integrity: sha512-B1uxlm1N4BQuWFvBL3yRl3LVvydjswsdbTi7tMrHMtSxfRio1p9HjcmDzlzKco09Y+8qBGgakm3jcMZGLbhXQQ==}
 
@@ -2219,9 +2445,16 @@ packages:
     resolution: {integrity: sha512-oSvEeo6ZUD7NepqAat3RqoucZ5SeqLJgOvVIwkafu6IP3V0pO38s/ypdVUmDDK6qIIHNlYHJAKX9E7R7HoKElw==}
     engines: {node: '>=12.20'}
 
+  chardet@0.7.0:
+    resolution: {integrity: sha512-mT8iDcrh03qDGRRmoA2hmBJnxpllMR+0/0qlzjqZES6NdiWDcZkCNAk4rPFZ9Q85r27unkiNNg8ZOiwZXBHwcA==}
+
   charenc@0.0.2:
     resolution: {integrity: sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA==}
 
+  chokidar@3.5.1:
+    resolution: {integrity: sha512-9+s+Od+W0VJJzawDma/gvBNQqkTiqYTWLuZoyAsivsI4AaWTCzHG06/TMjsf1cYe9Cb97UCEhjz7HvnPk2p/tw==}
+    engines: {node: '>= 8.10.0'}
+
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
@@ -2264,6 +2497,14 @@ packages:
     resolution: {integrity: sha512-ywqV+5MmyL4E7ybXgKys4DugZbX0FC6LnwrhjuykIjnK9k8OQacQ7axGKnjDXWNhns0xot3bZI5h55H8yo9cJg==}
     engines: {node: '>=6'}
 
+  cli-table@0.3.6:
+    resolution: {integrity: sha512-ZkNZbnZjKERTY5NwC2SeMeLeifSPq/pubeRoTpdr3WchLlnZg6hEgvHkK5zL7KNFdd9PmHN8lxrENUwI3cE8vQ==}
+    engines: {node: '>= 0.2.0'}
+
+  cli-width@3.0.0:
+    resolution: {integrity: sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==}
+    engines: {node: '>= 10'}
+
   client-only@0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
 
@@ -2327,6 +2568,10 @@ packages:
   colorette@1.4.0:
     resolution: {integrity: sha512-Y2oEozpomLn7Q3HFP7dpww7AtMJplbM9lGZP6RDfHqmbeRjiwRg4n6VM6j4KLmRke85uWEI7JqF17f3pqdRA0g==}
 
+  colors@1.0.3:
+    resolution: {integrity: sha512-pFGrxThWcWQ2MsAz6RtgeWe4NK2kUE1WfsrvvlctdII745EW9I0yflqhe7++M5LEc7bV2c/9/5zc8sFcpL0Drw==}
+    engines: {node: '>=0.1.90'}
+
   combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
@@ -2334,6 +2579,10 @@ packages:
   command-exists@1.2.9:
     resolution: {integrity: sha512-LTQ/SGc+s0Xc0Fu5WaKnR0YiygZkm9eKFvyS+fRsU7/ZWFF8ykFM6Pc9aCVf1+xasOOZpO3BAVgVrKvsqKHV7w==}
 
+  commander@10.0.1:
+    resolution: {integrity: sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==}
+    engines: {node: '>=14'}
+
   commander@2.20.3:
     resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
 
@@ -2411,6 +2660,15 @@ packages:
     resolution: {integrity: sha512-AdmX6xUzdNASswsFtmwSt7Vj8po9IuqXm0UXz7QKPuEUmPB4XyjGfaAr2PSuELMwkRMVH1EpIkX5bTZGRB3eCA==}
     engines: {node: '>=10'}
 
+  cosmiconfig@8.3.6:
+    resolution: {integrity: sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==}
+    engines: {node: '>=14'}
+    peerDependencies:
+      typescript: '>=4.9.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   create-jest@29.7.0:
     resolution: {integrity: sha512-Adz2bdH0Vq3F53KEMJOoftQFutWCukm6J24wbPWRO4k1kMY7gS7ds/uoJkNuV8wDCtWWnuwGcJwpWcih+zEW1Q==}
     engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
@@ -2499,6 +2757,9 @@ packages:
     resolution: {integrity: sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==}
     engines: {node: '>= 0.4'}
 
+  date-fns@3.6.0:
+    resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
+
   dayjs@1.11.11:
     resolution: {integrity: sha512-okzr3f11N6WuqYtZSvm+F776mB41wRZMhKP+hc34YdW+KmtYYK9iqvHSwo2k9FEH3fhGXvOPV6yz2IcSrfRUDg==}
 
@@ -2728,6 +2989,11 @@ packages:
     resolution: {integrity: sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==}
     engines: {node: '>= 0.4'}
 
+  esbuild@0.17.19:
+    resolution: {integrity: sha512-XQ0jAPFkK/u3LcVRcvVHQcTIqD6E2H1fvZMA5dQPSOWb3suUbWbfbRf94pjc0bNzRYLfIrDRQXr7X+LHIm5oHw==}
+    engines: {node: '>=12'}
+    hasBin: true
+
   escalade@3.1.2:
     resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
     engines: {node: '>=6'}
@@ -2833,6 +3099,11 @@ packages:
   expo-linking@6.3.1:
     resolution: {integrity: sha512-xuZCntSBGWCD/95iZ+mTUGTwHdy8Sx+immCqbUBxdvZ2TN61P02kKg7SaLS8A4a/hLrSCwrg5tMMwu5wfKr35g==}
 
+  expo-localization@15.0.3:
+    resolution: {integrity: sha512-IfcmlKuKRlowR9qIzL0e+nGHBeNoF7l2GQaOJstc7HZiPjNJ4J1R4D53ZNf483dt7JSkTRJBihdTadOtOEjRdg==}
+    peerDependencies:
+      expo: '*'
+
   expo-modules-autolinking@1.11.1:
     resolution: {integrity: sha512-2dy3lTz76adOl7QUvbreMCrXyzUiF8lygI7iFJLjgIQIVH+43KnFWE5zBumpPbkiaq0f0uaFpN9U0RGQbnKiMw==}
     hasBin: true
@@ -2892,6 +3163,10 @@ packages:
     resolution: {integrity: sha512-pLfYLLy1QB7Y5PXUuzblVwG+KvUJzAuLqv5lKuoHdX78VUy8Ezv9geSS/mKCN+C88btGLV4NHNo56RvVAnpgwg==}
     hasBin: true
 
+  external-editor@3.1.0:
+    resolution: {integrity: sha512-hMQ4CX1p1izmuLYyZqLMO/qGNw10wSv9QDCPfzXfyFrOaCSSoRfqE1Kf1s5an66J5JZC62NewG+mK49jOCtQew==}
+    engines: {node: '>=4'}
+
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -2931,6 +3206,10 @@ packages:
   fetch-retry@4.1.1:
     resolution: {integrity: sha512-e6eB7zN6UBSwGVwrbWVH+gdLnkW9WwHhmq2YDK1Sh30pzx1onRVGBvogTlUeWxwTa+L86NYdo4hFkh7O8ZjSnA==}
 
+  figures@3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==}
+    engines: {node: '>=8'}
+
   fill-range@7.1.1:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
@@ -3211,6 +3490,10 @@ packages:
   hyphenate-style-name@1.0.5:
     resolution: {integrity: sha512-fedL7PRwmeVkgyhu9hLeTBaI6wcGk7JGJswdaRsa5aUbkXI1kr1xZwTPBtaYPpwf56878iDek6VbVnuWMebJmw==}
 
+  iconv-lite@0.4.24:
+    resolution: {integrity: sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==}
+    engines: {node: '>=0.10.0'}
+
   iconv-lite@0.6.3:
     resolution: {integrity: sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==}
     engines: {node: '>=0.10.0'}
@@ -3261,6 +3544,10 @@ packages:
   inline-style-prefixer@6.0.4:
     resolution: {integrity: sha512-FwXmZC2zbeeS7NzGjJ6pAiqRhXR0ugUShSNb6GApMl6da0/XGc4MOJsoWAywia52EEWbXNSy0pzkwz/+Y+swSg==}
 
+  inquirer@7.3.3:
+    resolution: {integrity: sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==}
+    engines: {node: '>=8.0.0'}
+
   internal-ip@4.3.0:
     resolution: {integrity: sha512-S1zBo1D6zcsyuC6PMmY5+55YMILQ9av8lotMx447Bq6SAgo/sDK6y6uUKmuYhW7eacnIhFfsPmCNYdDzsnnDCg==}
     engines: {node: '>=6'}
@@ -3392,6 +3679,10 @@ packages:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
 
+  is-plain-obj@2.1.0:
+    resolution: {integrity: sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==}
+    engines: {node: '>=8'}
+
   is-plain-object@2.0.4:
     resolution: {integrity: sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==}
     engines: {node: '>=0.10.0'}
@@ -3655,6 +3946,9 @@ packages:
     resolution: {integrity: sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==}
     engines: {node: '>=14'}
 
+  js-sha256@0.10.1:
+    resolution: {integrity: sha512-5obBtsz9301ULlsgggLg542s/jqtddfOpV5KJc4hajc9JV8GeY2gZHSVpYBn4nWqAUTJ9v+xwtbJ1mIBgIH5Vw==}
+
   js-tokens@4.0.0:
     resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
 
@@ -3871,9 +4165,15 @@ packages:
   lodash.debounce@4.0.8:
     resolution: {integrity: sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==}
 
+  lodash.get@4.4.2:
+    resolution: {integrity: sha512-z+Uw/vLuy6gQe8cfaFWD7p0wVv8fJl3mbzXh33RS+0oW2wvUqiRXiQ69gLWSLpgB5/6sU+r6BlQR0MBILadqTQ==}
+
   lodash.mergewith@4.6.2:
     resolution: {integrity: sha512-GK3g5RPZWTRSeLSpgP8Xhra+pnjBC56q9FZYe1d5RN3TJ35dbkGy3YqBSMbyCrlbi+CM9Z3Jk5yTL7RCsqboyQ==}
 
+  lodash.sortby@4.7.0:
+    resolution: {integrity: sha512-HDWXG8isMntAyRF5vZ7xKuEvOhT4AhlRt/3czTSjvGUxjYCBVRQY48ViDHyfYz9VIoBkW4TMGQNapx+l3RUwdA==}
+
   lodash.throttle@4.1.1:
     resolution: {integrity: sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==}
 
@@ -3964,6 +4264,10 @@ packages:
   memory-cache@0.2.0:
     resolution: {integrity: sha512-OcjA+jzjOYzKmKS6IQVALHLVz+rNTMPoJvCztFaZxwG14wtAW7VRZjwTQu06vKCYOxh4jVnik7ya0SXTB0W+xA==}
 
+  merge-options@3.0.4:
+    resolution: {integrity: sha512-2Sug1+knBjkaMsMgf1ctR1Ujx+Ayku4EdJN4Z+C2+JzoeF7A3OZ9KM2GY0CpQS51NR61LTurMJrRKPhSs3ZRTQ==}
+    engines: {node: '>=10'}
+
   merge-stream@2.0.0:
     resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
 
@@ -4029,6 +4333,10 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  micromatch@4.0.2:
+    resolution: {integrity: sha512-y7FpHSbMUMoyPbYUSzO6PaZ6FyRnQOpHuKwbo1G+Knck95XVU4QAiKdGEnj5wwoS7PlOgthX/09u5iFJ+aYf5Q==}
+    engines: {node: '>=8'}
+
   micromatch@4.0.7:
     resolution: {integrity: sha512-LPP/3KorzCwBxfeUuZmaR6bG2kdeHSbe0P2tY3FLRU4vYrjYz5hI4QZwV0njUx3jeuKe67YukQ1LSPZBKDqO/Q==}
     engines: {node: '>=8.6'}
@@ -4110,6 +4418,9 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
+  moo@0.5.2:
+    resolution: {integrity: sha512-iSAJLHYKnX41mKcJKjqvnAN9sf0LMDTXDEvFv+ffuRR9a1MIuXLjMNL6EsnDHSkKLTWNqQQ5uo61P4EbU4NU+Q==}
+
   mrmime@1.0.1:
     resolution: {integrity: sha512-hzzEagAgDyoU1Q6yg5uI+AorQgdvMCur3FcKf7NhMKWsaYg+RnbTyHRa/9IlLF9rf455MOCtcqqrQQ83pPP7Uw==}
     engines: {node: '>=10'}
@@ -4123,6 +4434,9 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
+  mute-stream@0.0.8:
+    resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==}
+
   mv@2.1.1:
     resolution: {integrity: sha512-at/ZndSy3xEGJ8i0ygALh8ru9qy7gWW1cmkaqBN29JmMlIvM//MEO9y1sk/avxuwnPcfhkejkLsuPxH81BrkSg==}
     engines: {node: '>=0.8.0'}
@@ -4410,6 +4724,9 @@ packages:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
     engines: {node: '>=8'}
 
+  pathe@1.1.2:
+    resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
+
   pg-int8@1.0.1:
     resolution: {integrity: sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==}
     engines: {node: '>=4.0.0'}
@@ -4456,6 +4773,10 @@ packages:
     resolution: {integrity: sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==}
     engines: {node: '>=8'}
 
+  pkg-up@3.1.0:
+    resolution: {integrity: sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==}
+    engines: {node: '>=8'}
+
   plist@3.1.0:
     resolution: {integrity: sha512-uysumyrvkUX0rX/dEVqt8gC3sTBzd4zoWfLeS29nb53imdaXVvLINYXTI2GNqzaMuvacNx4uJQ8+b3zXR0pkgQ==}
     engines: {node: '>=10.4.0'}
@@ -4464,6 +4785,9 @@ packages:
     resolution: {integrity: sha512-NCrCHhWmnQklfH4MtJMRjZ2a8c80qXeMlQMv2uVp9ISJMTt562SbGd6n2oq0PaPgKm7Z6pL9E2UlLIhC+SHL3w==}
     engines: {node: '>=4.0.0'}
 
+  pofile@1.1.4:
+    resolution: {integrity: sha512-r6Q21sKsY1AjTVVjOuU02VYKVNQGJNQHjTIvs4dEbeuuYfxgYk/DGD2mqqq4RDaVkwdSq0VEtmQUOPe/wH8X3g==}
+
   possible-typed-array-names@1.0.0:
     resolution: {integrity: sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==}
     engines: {node: '>= 0.4'}
@@ -4574,6 +4898,11 @@ packages:
   prop-types@15.8.1:
     resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
 
+  pseudolocale@2.0.0:
+    resolution: {integrity: sha512-g1K9tCQYY4e3UGtnW8qs3kGWAOONxt7i5wuOFvf3N1EIIRhiLVIhZ9AM/ZyGTxsp231JbFywJU/EbJ5ZoqnZdg==}
+    engines: {node: '>=16.0.0'}
+    hasBin: true
+
   psl@1.9.0:
     resolution: {integrity: sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag==}
 
@@ -4618,6 +4947,9 @@ packages:
   queue@6.0.2:
     resolution: {integrity: sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==}
 
+  ramda@0.27.2:
+    resolution: {integrity: sha512-SbiLPU40JuJniHexQSAgad32hfwd+DRUdwF2PlVuI5RZD0/vahUco7R8vD86J/tcEKKF9vZrUVwgtmGCqlCKyA==}
+
   range-parser@1.2.1:
     resolution: {integrity: sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==}
     engines: {node: '>= 0.6'}
@@ -4765,6 +5097,10 @@ packages:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
 
+  readdirp@3.5.0:
+    resolution: {integrity: sha512-cMhu7c/8rdhkHXWsY+osBhfSy0JikwpHK/5+imo+LpeasTF8ouErHrlYkwT0++njiyuDvc7OFY5T3ukvZ8qmFQ==}
+    engines: {node: '>=8.10.0'}
+
   readdirp@3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
@@ -4884,9 +5220,20 @@ packages:
     deprecated: Rimraf versions prior to v4 are no longer supported
     hasBin: true
 
+  rtl-detect@1.1.2:
+    resolution: {integrity: sha512-PGMBq03+TTG/p/cRB7HCLKJ1MgDIi07+QU1faSjiYRfmY5UsAttV9Hs08jDAHVwcOwmVLcSJkpwyfXszVjWfIQ==}
+
+  run-async@2.4.1:
+    resolution: {integrity: sha512-tvVnVv01b8c1RrA6Ep7JkStj85Guv/YrMcwqYQnwjsAS2cTmmPGBBjAjpCW7RrSodNSoE2/qg9O4bceNvUuDgQ==}
+    engines: {node: '>=0.12.0'}
+
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  rxjs@6.6.7:
+    resolution: {integrity: sha512-hTdwr+7yYNIT5n4AMYp85KA6yw2Va0FLa3Rguvbpa4W3I5xynaBZo41cM3XM+4Q6fRMj3sBYIR1VAmZMXYJvRQ==}
+    engines: {npm: '>=2.0.0'}
+
   safe-array-concat@1.1.2:
     resolution: {integrity: sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==}
     engines: {node: '>=0.4'}
@@ -5068,6 +5415,10 @@ packages:
     resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
     engines: {node: '>= 8'}
 
+  source-map@0.8.0-beta.0:
+    resolution: {integrity: sha512-2ymg6oRBpebeZi9UUNsgQ89bhx01TcTkmNTGnNO88imTmbSgy4nfujrgVEFKWpMTEGA11EDkTt7mqObTPdigIA==}
+    engines: {node: '>= 8'}
+
   split-on-first@1.1.0:
     resolution: {integrity: sha512-43ZssAJaMusuKWL8sKUBQXHWOpq8d6CfN/u1p4gUzfJkM05C8rxTmYrkIPTXapZpORA6LkkzcUulJ8FqA7Uudw==}
     engines: {node: '>=6'}
@@ -5365,6 +5716,9 @@ packages:
   tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
 
+  tr46@1.0.1:
+    resolution: {integrity: sha512-dTpowEjclQ7Kgx5SdBkqRzVhERQXov8/l9Ft9dVM9fmg0W0KQSVaXX9T4i6twCPNtYiZM53lpSSUAwJbFPOHxA==}
+
   tr46@3.0.0:
     resolution: {integrity: sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==}
     engines: {node: '>=12'}
@@ -5390,6 +5744,9 @@ packages:
       '@swc/wasm':
         optional: true
 
+  tslib@1.14.1:
+    resolution: {integrity: sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==}
+
   tslib@2.4.1:
     resolution: {integrity: sha512-tGyy4dAjRIEwI7BzsB0lynWgOpfqjUdq91XXAlIWD2OwKBH7oCl/GZG/HT4BOHrTlPMOASlMQ7veyTqpmRcrNA==}
 
@@ -5515,6 +5872,9 @@ packages:
     resolution: {integrity: sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==}
     engines: {node: '>= 0.8'}
 
+  unraw@3.0.0:
+    resolution: {integrity: sha512-08/DA66UF65OlpUDIQtbJyrqTR0jTAlJ+jsnkQ4jxR7+K5g5YG1APZKQSMCE1vqqmD+2pv6+IdEjmopFatacvg==}
+
   update-browserslist-db@1.0.16:
     resolution: {integrity: sha512-KVbTxlBYlckhF5wgfyZXTWnMn7MMZjMu9XG8bPlliUOP9ThaF4QnhP8qrjrH7DRzHfSk0oQv1wToW+iA5GajEQ==}
     hasBin: true
@@ -5601,6 +5961,9 @@ packages:
   webidl-conversions@3.0.1:
     resolution: {integrity: sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==}
 
+  webidl-conversions@4.0.2:
+    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
+
   webidl-conversions@5.0.0:
     resolution: {integrity: sha512-VlZwKPCkYKxQgeSbH5EyngOmRp7Ww7I9rQLERETtf5ofd9pGeswWiOtogpEO850jziPRarreGxn5QIiTqpb2wA==}
     engines: {node: '>=8'}
@@ -5631,6 +5994,9 @@ packages:
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
+  whatwg-url@7.1.0:
+    resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
+
   which-boxed-primitive@1.0.2:
     resolution: {integrity: sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==}
 
@@ -6976,6 +7342,72 @@ snapshots:
 
   '@emotion/weak-memoize@0.3.1': {}
 
+  '@esbuild/android-arm64@0.17.19':
+    optional: true
+
+  '@esbuild/android-arm@0.17.19':
+    optional: true
+
+  '@esbuild/android-x64@0.17.19':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.17.19':
+    optional: true
+
+  '@esbuild/darwin-x64@0.17.19':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.17.19':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.17.19':
+    optional: true
+
+  '@esbuild/linux-arm64@0.17.19':
+    optional: true
+
+  '@esbuild/linux-arm@0.17.19':
+    optional: true
+
+  '@esbuild/linux-ia32@0.17.19':
+    optional: true
+
+  '@esbuild/linux-loong64@0.17.19':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.17.19':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.17.19':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.17.19':
+    optional: true
+
+  '@esbuild/linux-s390x@0.17.19':
+    optional: true
+
+  '@esbuild/linux-x64@0.17.19':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.17.19':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.17.19':
+    optional: true
+
+  '@esbuild/sunos-x64@0.17.19':
+    optional: true
+
+  '@esbuild/win32-arm64@0.17.19':
+    optional: true
+
+  '@esbuild/win32-ia32@0.17.19':
+    optional: true
+
+  '@esbuild/win32-x64@0.17.19':
+    optional: true
+
   '@expo-google-fonts/be-vietnam-pro@0.2.3': {}
 
   '@expo/bunyan@4.0.0':
@@ -7333,6 +7765,36 @@ snapshots:
 
   '@floating-ui/utils@0.2.2': {}
 
+  '@formatjs/ecma402-abstract@2.0.0':
+    dependencies:
+      '@formatjs/intl-localematcher': 0.5.4
+      tslib: 2.6.3
+
+  '@formatjs/intl-enumerator@1.4.7':
+    dependencies:
+      tslib: 2.6.3
+
+  '@formatjs/intl-getcanonicallocales@2.3.0':
+    dependencies:
+      tslib: 2.6.3
+
+  '@formatjs/intl-locale@4.0.0':
+    dependencies:
+      '@formatjs/ecma402-abstract': 2.0.0
+      '@formatjs/intl-enumerator': 1.4.7
+      '@formatjs/intl-getcanonicallocales': 2.3.0
+      tslib: 2.6.3
+
+  '@formatjs/intl-localematcher@0.5.4':
+    dependencies:
+      tslib: 2.6.3
+
+  '@formatjs/intl-pluralrules@5.2.14':
+    dependencies:
+      '@formatjs/ecma402-abstract': 2.0.0
+      '@formatjs/intl-localematcher': 0.5.4
+      tslib: 2.6.3
+
   '@formkit/auto-animate@0.8.2': {}
 
   '@graphql-typed-document-node/core@3.2.0(graphql@15.8.0)':
@@ -7584,6 +8046,119 @@ snapshots:
       '@jridgewell/sourcemap-codec': 1.4.15
     optional: true
 
+  '@lingui/babel-plugin-extract-messages@4.11.1': {}
+
+  '@lingui/cli@4.11.1(typescript@5.4.5)':
+    dependencies:
+      '@babel/core': 7.24.7
+      '@babel/generator': 7.24.7
+      '@babel/parser': 7.24.7
+      '@babel/runtime': 7.24.7
+      '@babel/types': 7.24.7
+      '@lingui/babel-plugin-extract-messages': 4.11.1
+      '@lingui/conf': 4.11.1(typescript@5.4.5)
+      '@lingui/core': 4.11.1
+      '@lingui/format-po': 4.11.1(typescript@5.4.5)
+      '@lingui/message-utils': 4.11.1
+      babel-plugin-macros: 3.1.0
+      chalk: 4.1.2
+      chokidar: 3.5.1
+      cli-table: 0.3.6
+      commander: 10.0.1
+      convert-source-map: 2.0.0
+      date-fns: 3.6.0
+      esbuild: 0.17.19
+      glob: 7.2.3
+      inquirer: 7.3.3
+      micromatch: 4.0.2
+      normalize-path: 3.0.0
+      ora: 5.4.1
+      pathe: 1.1.2
+      pkg-up: 3.1.0
+      pofile: 1.1.4
+      pseudolocale: 2.0.0
+      ramda: 0.27.2
+      source-map: 0.8.0-beta.0
+    transitivePeerDependencies:
+      - supports-color
+      - typescript
+
+  '@lingui/conf@4.11.1(typescript@5.3.3)':
+    dependencies:
+      '@babel/runtime': 7.24.7
+      chalk: 4.1.2
+      cosmiconfig: 8.3.6(typescript@5.3.3)
+      jest-validate: 29.7.0
+      jiti: 1.21.3
+      lodash.get: 4.4.2
+    transitivePeerDependencies:
+      - typescript
+
+  '@lingui/conf@4.11.1(typescript@5.4.5)':
+    dependencies:
+      '@babel/runtime': 7.24.7
+      chalk: 4.1.2
+      cosmiconfig: 8.3.6(typescript@5.4.5)
+      jest-validate: 29.7.0
+      jiti: 1.21.3
+      lodash.get: 4.4.2
+    transitivePeerDependencies:
+      - typescript
+
+  '@lingui/core@4.11.1':
+    dependencies:
+      '@babel/runtime': 7.24.7
+      '@lingui/message-utils': 4.11.1
+      unraw: 3.0.0
+
+  '@lingui/format-po@4.11.1(typescript@5.4.5)':
+    dependencies:
+      '@lingui/conf': 4.11.1(typescript@5.4.5)
+      '@lingui/message-utils': 4.11.1
+      date-fns: 3.6.0
+      pofile: 1.1.4
+    transitivePeerDependencies:
+      - typescript
+
+  '@lingui/macro@4.11.1(@lingui/react@4.11.1(react@18.3.1))(babel-plugin-macros@3.1.0)(typescript@5.3.3)':
+    dependencies:
+      '@babel/runtime': 7.24.7
+      '@babel/types': 7.24.7
+      '@lingui/conf': 4.11.1(typescript@5.3.3)
+      '@lingui/core': 4.11.1
+      '@lingui/message-utils': 4.11.1
+      '@lingui/react': 4.11.1(react@18.3.1)
+      babel-plugin-macros: 3.1.0
+    transitivePeerDependencies:
+      - typescript
+
+  '@lingui/macro@4.11.1(@lingui/react@4.11.1(react@18.3.1))(babel-plugin-macros@3.1.0)(typescript@5.4.5)':
+    dependencies:
+      '@babel/runtime': 7.24.7
+      '@babel/types': 7.24.7
+      '@lingui/conf': 4.11.1(typescript@5.4.5)
+      '@lingui/core': 4.11.1
+      '@lingui/message-utils': 4.11.1
+      '@lingui/react': 4.11.1(react@18.3.1)
+      babel-plugin-macros: 3.1.0
+    transitivePeerDependencies:
+      - typescript
+
+  '@lingui/message-utils@4.11.1':
+    dependencies:
+      '@messageformat/parser': 5.1.0
+      js-sha256: 0.10.1
+
+  '@lingui/react@4.11.1(react@18.3.1)':
+    dependencies:
+      '@babel/runtime': 7.24.7
+      '@lingui/core': 4.11.1
+      react: 18.3.1
+
+  '@messageformat/parser@5.1.0':
+    dependencies:
+      moo: 0.5.2
+
   '@neondatabase/serverless@0.9.3':
     dependencies:
       '@types/pg': 8.11.6
@@ -7686,6 +8261,11 @@ snapshots:
       '@radix-ui/react-compose-refs': 1.0.0(react@18.3.1)
       react: 18.3.1
 
+  '@react-native-async-storage/async-storage@1.23.1(react-native@0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1))':
+    dependencies:
+      merge-options: 3.0.4
+      react-native: 0.74.2(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))(@types/react@18.2.79)(react@18.3.1)
+
   '@react-native-community/cli-clean@13.6.8':
     dependencies:
       '@react-native-community/cli-tools': 13.6.8
@@ -8675,8 +9255,22 @@ snapshots:
 
   char-regex@2.0.1: {}
 
+  chardet@0.7.0: {}
+
   charenc@0.0.2: {}
 
+  chokidar@3.5.1:
+    dependencies:
+      anymatch: 3.1.3
+      braces: 3.0.3
+      glob-parent: 5.1.2
+      is-binary-path: 2.1.0
+      is-glob: 4.0.3
+      normalize-path: 3.0.0
+      readdirp: 3.5.0
+    optionalDependencies:
+      fsevents: 2.3.3
+
   chokidar@3.6.0:
     dependencies:
       anymatch: 3.1.3
@@ -8722,6 +9316,12 @@ snapshots:
 
   cli-spinners@2.9.2: {}
 
+  cli-table@0.3.6:
+    dependencies:
+      colors: 1.0.3
+
+  cli-width@3.0.0: {}
+
   client-only@0.0.1: {}
 
   cliui@6.0.0:
@@ -8780,12 +9380,16 @@ snapshots:
 
   colorette@1.4.0: {}
 
+  colors@1.0.3: {}
+
   combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
 
   command-exists@1.2.9: {}
 
+  commander@10.0.1: {}
+
   commander@2.20.3: {}
 
   commander@4.1.1: {}
@@ -8864,6 +9468,24 @@ snapshots:
       path-type: 4.0.0
       yaml: 1.10.2
 
+  cosmiconfig@8.3.6(typescript@5.3.3):
+    dependencies:
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+    optionalDependencies:
+      typescript: 5.3.3
+
+  cosmiconfig@8.3.6(typescript@5.4.5):
+    dependencies:
+      import-fresh: 3.3.0
+      js-yaml: 4.1.0
+      parse-json: 5.2.0
+      path-type: 4.0.0
+    optionalDependencies:
+      typescript: 5.4.5
+
   create-jest@29.7.0(@types/node@18.11.18)(babel-plugin-macros@3.1.0)(ts-node@10.9.1(@types/node@18.11.18)(typescript@5.3.3)):
     dependencies:
       '@jest/types': 29.6.3
@@ -8969,6 +9591,8 @@ snapshots:
       es-errors: 1.3.0
       is-data-view: 1.0.1
 
+  date-fns@3.6.0: {}
+
   dayjs@1.11.11: {}
 
   debug@2.6.9:
@@ -9201,6 +9825,31 @@ snapshots:
       is-date-object: 1.0.5
       is-symbol: 1.0.4
 
+  esbuild@0.17.19:
+    optionalDependencies:
+      '@esbuild/android-arm': 0.17.19
+      '@esbuild/android-arm64': 0.17.19
+      '@esbuild/android-x64': 0.17.19
+      '@esbuild/darwin-arm64': 0.17.19
+      '@esbuild/darwin-x64': 0.17.19
+      '@esbuild/freebsd-arm64': 0.17.19
+      '@esbuild/freebsd-x64': 0.17.19
+      '@esbuild/linux-arm': 0.17.19
+      '@esbuild/linux-arm64': 0.17.19
+      '@esbuild/linux-ia32': 0.17.19
+      '@esbuild/linux-loong64': 0.17.19
+      '@esbuild/linux-mips64el': 0.17.19
+      '@esbuild/linux-ppc64': 0.17.19
+      '@esbuild/linux-riscv64': 0.17.19
+      '@esbuild/linux-s390x': 0.17.19
+      '@esbuild/linux-x64': 0.17.19
+      '@esbuild/netbsd-x64': 0.17.19
+      '@esbuild/openbsd-x64': 0.17.19
+      '@esbuild/sunos-x64': 0.17.19
+      '@esbuild/win32-arm64': 0.17.19
+      '@esbuild/win32-ia32': 0.17.19
+      '@esbuild/win32-x64': 0.17.19
+
   escalade@3.1.2: {}
 
   escape-html@1.0.3: {}
@@ -9323,6 +9972,11 @@ snapshots:
       - expo
       - supports-color
 
+  expo-localization@15.0.3(expo@51.0.11(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))):
+    dependencies:
+      expo: 51.0.11(@babel/core@7.24.7)(@babel/preset-env@7.24.7(@babel/core@7.24.7))
+      rtl-detect: 1.1.2
+
   expo-modules-autolinking@1.11.1:
     dependencies:
       chalk: 4.1.2
@@ -9423,6 +10077,12 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  external-editor@3.1.0:
+    dependencies:
+      chardet: 0.7.0
+      iconv-lite: 0.4.24
+      tmp: 0.0.33
+
   fast-deep-equal@3.1.3: {}
 
   fast-glob@3.3.2:
@@ -9473,6 +10133,10 @@ snapshots:
 
   fetch-retry@4.1.1: {}
 
+  figures@3.2.0:
+    dependencies:
+      escape-string-regexp: 1.0.5
+
   fill-range@7.1.1:
     dependencies:
       to-regex-range: 5.0.1
@@ -9777,6 +10441,10 @@ snapshots:
 
   hyphenate-style-name@1.0.5: {}
 
+  iconv-lite@0.4.24:
+    dependencies:
+      safer-buffer: 2.1.2
+
   iconv-lite@0.6.3:
     dependencies:
       safer-buffer: 2.1.2
@@ -9822,6 +10490,22 @@ snapshots:
       css-in-js-utils: 3.1.0
       fast-loops: 1.1.3
 
+  inquirer@7.3.3:
+    dependencies:
+      ansi-escapes: 4.3.2
+      chalk: 4.1.2
+      cli-cursor: 3.1.0
+      cli-width: 3.0.0
+      external-editor: 3.1.0
+      figures: 3.2.0
+      lodash: 4.17.21
+      mute-stream: 0.0.8
+      run-async: 2.4.1
+      rxjs: 6.6.7
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      through: 2.3.8
+
   internal-ip@4.3.0:
     dependencies:
       default-gateway: 4.2.0
@@ -9928,6 +10612,8 @@ snapshots:
 
   is-path-inside@3.0.3: {}
 
+  is-plain-obj@2.1.0: {}
+
   is-plain-object@2.0.4:
     dependencies:
       isobject: 3.0.1
@@ -10410,6 +11096,8 @@ snapshots:
 
   js-cookie@3.0.5: {}
 
+  js-sha256@0.10.1: {}
+
   js-tokens@4.0.0: {}
 
   js-yaml@3.14.1:
@@ -10628,8 +11316,12 @@ snapshots:
 
   lodash.debounce@4.0.8: {}
 
+  lodash.get@4.4.2: {}
+
   lodash.mergewith@4.6.2: {}
 
+  lodash.sortby@4.7.0: {}
+
   lodash.throttle@4.1.1: {}
 
   lodash@4.17.21: {}
@@ -10719,6 +11411,10 @@ snapshots:
 
   memory-cache@0.2.0: {}
 
+  merge-options@3.0.4:
+    dependencies:
+      is-plain-obj: 2.1.0
+
   merge-stream@2.0.0: {}
 
   merge2@1.4.1: {}
@@ -10890,6 +11586,11 @@ snapshots:
       - supports-color
       - utf-8-validate
 
+  micromatch@4.0.2:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.1
+
   micromatch@4.0.7:
     dependencies:
       braces: 3.0.3
@@ -10952,6 +11653,8 @@ snapshots:
 
   mkdirp@1.0.4: {}
 
+  moo@0.5.2: {}
+
   mrmime@1.0.1: {}
 
   ms@2.0.0: {}
@@ -10960,6 +11663,8 @@ snapshots:
 
   ms@2.1.3: {}
 
+  mute-stream@0.0.8: {}
+
   mv@2.1.1:
     dependencies:
       mkdirp: 0.5.6
@@ -10999,7 +11704,7 @@ snapshots:
 
   nested-error-stacks@2.0.1: {}
 
-  next@14.2.3(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next@14.2.3(@babel/core@7.24.7)(babel-plugin-macros@3.1.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       '@next/env': 14.2.3
       '@swc/helpers': 0.5.5
@@ -11009,7 +11714,7 @@ snapshots:
       postcss: 8.4.31
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      styled-jsx: 5.1.1(react@18.3.1)
+      styled-jsx: 5.1.1(@babel/core@7.24.7)(babel-plugin-macros@3.1.0)(react@18.3.1)
     optionalDependencies:
       '@next/swc-darwin-arm64': 14.2.3
       '@next/swc-darwin-x64': 14.2.3
@@ -11240,6 +11945,8 @@ snapshots:
 
   path-type@4.0.0: {}
 
+  pathe@1.1.2: {}
+
   pg-int8@1.0.1: {}
 
   pg-numeric@1.0.2: {}
@@ -11276,6 +11983,10 @@ snapshots:
     dependencies:
       find-up: 4.1.0
 
+  pkg-up@3.1.0:
+    dependencies:
+      find-up: 3.0.0
+
   plist@3.1.0:
     dependencies:
       '@xmldom/xmldom': 0.8.10
@@ -11284,6 +11995,8 @@ snapshots:
 
   pngjs@3.4.0: {}
 
+  pofile@1.1.4: {}
+
   possible-typed-array-names@1.0.0: {}
 
   postcss-import@15.1.0(postcss@8.4.38):
@@ -11386,6 +12099,10 @@ snapshots:
       object-assign: 4.1.1
       react-is: 16.13.1
 
+  pseudolocale@2.0.0:
+    dependencies:
+      commander: 10.0.1
+
   psl@1.9.0: {}
 
   pump@3.0.0:
@@ -11424,6 +12141,8 @@ snapshots:
     dependencies:
       inherits: 2.0.4
 
+  ramda@0.27.2: {}
+
   range-parser@1.2.1: {}
 
   rc@1.2.8:
@@ -11649,6 +12368,10 @@ snapshots:
       string_decoder: 1.3.0
       util-deprecate: 1.0.2
 
+  readdirp@3.5.0:
+    dependencies:
+      picomatch: 2.3.1
+
   readdirp@3.6.0:
     dependencies:
       picomatch: 2.3.1
@@ -11763,10 +12486,18 @@ snapshots:
     dependencies:
       glob: 7.2.3
 
+  rtl-detect@1.1.2: {}
+
+  run-async@2.4.1: {}
+
   run-parallel@1.2.0:
     dependencies:
       queue-microtask: 1.2.3
 
+  rxjs@6.6.7:
+    dependencies:
+      tslib: 1.14.1
+
   safe-array-concat@1.1.2:
     dependencies:
       call-bind: 1.0.7
@@ -11960,6 +12691,10 @@ snapshots:
 
   source-map@0.7.4: {}
 
+  source-map@0.8.0-beta.0:
+    dependencies:
+      whatwg-url: 7.1.0
+
   split-on-first@1.1.0: {}
 
   split@1.0.1:
@@ -12090,10 +12825,13 @@ snapshots:
 
   structured-headers@0.4.1: {}
 
-  styled-jsx@5.1.1(react@18.3.1):
+  styled-jsx@5.1.1(@babel/core@7.24.7)(babel-plugin-macros@3.1.0)(react@18.3.1):
     dependencies:
       client-only: 0.0.1
       react: 18.3.1
+    optionalDependencies:
+      '@babel/core': 7.24.7
+      babel-plugin-macros: 3.1.0
 
   styleq@0.1.3: {}
 
@@ -12272,6 +13010,10 @@ snapshots:
 
   tr46@0.0.3: {}
 
+  tr46@1.0.1:
+    dependencies:
+      punycode: 2.3.1
+
   tr46@3.0.0:
     dependencies:
       punycode: 2.3.1
@@ -12303,6 +13045,8 @@ snapshots:
       yn: 3.1.1
     optional: true
 
+  tslib@1.14.1: {}
+
   tslib@2.4.1: {}
 
   tslib@2.6.3: {}
@@ -12414,6 +13158,8 @@ snapshots:
 
   unpipe@1.0.0: {}
 
+  unraw@3.0.0: {}
+
   update-browserslist-db@1.0.16(browserslist@4.23.1):
     dependencies:
       browserslist: 4.23.1
@@ -12498,6 +13244,8 @@ snapshots:
 
   webidl-conversions@3.0.1: {}
 
+  webidl-conversions@4.0.2: {}
+
   webidl-conversions@5.0.0: {}
 
   webidl-conversions@7.0.0: {}
@@ -12526,6 +13274,12 @@ snapshots:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
 
+  whatwg-url@7.1.0:
+    dependencies:
+      lodash.sortby: 4.7.0
+      tr46: 1.0.1
+      webidl-conversions: 4.0.2
+
   which-boxed-primitive@1.0.2:
     dependencies:
       is-bigint: 1.0.4