fix: more fixes

Author: ElenaBitire

src/core/i18n/index.tsx

@@ -1,3 +1,4 @@
+import { locale } from 'expo-localization';
 import i18n from 'i18next';
 import { initReactI18next } from 'react-i18next';
 import { I18nManager } from 'react-native';
@@ -8,7 +9,7 @@ export * from './utils';
 
 i18n.use(initReactI18next).init({
   resources,
-  lng: getLanguage() || 'en',
+  lng: getLanguage() || locale, // TODO: if you are not supporting multiple languages or languages with multiple directions you can set the default value to `en`
   fallbackLng: 'en',
   compatibilityJSON: 'v3', // By default React Native projects does not support Intl
 

src/core/test-utils.tsx

@@ -1,3 +1,5 @@
+import '@shopify/flash-list/jestSetup';
+
 import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
 import { NavigationContainer } from '@react-navigation/native';
 import type { RenderOptions } from '@testing-library/react-native';

src/ui/select.test.tsx

@@ -1,5 +1,4 @@
 /* eslint-disable max-lines-per-function */
-import '@shopify/flash-list/jestSetup';
 
 import React from 'react';
 

src/ui/select.tsx

@@ -1,10 +1,14 @@
 /* eslint-disable max-lines-per-function */
-import { type BottomSheetModal } from '@gorhom/bottom-sheet';
+import {
+  BottomSheetFlatList,
+  type BottomSheetModal,
+} from '@gorhom/bottom-sheet';
+import { FlashList } from '@shopify/flash-list';
 import { useColorScheme } from 'nativewind';
 import * as React from 'react';
 import type { FieldValues } from 'react-hook-form';
 import { useController } from 'react-hook-form';
-import { TouchableOpacity, View } from 'react-native';
+import { Platform, TouchableOpacity, View } from 'react-native';
 import { Pressable, type PressableProps } from 'react-native';
 import type { SvgProps } from 'react-native-svg';
 import Svg, { Path } from 'react-native-svg';
@@ -14,7 +18,6 @@ import colors from '@/ui/colors';
 import { CaretDown } from '@/ui/icons';
 
 import type { InputControllerType } from './input';
-import { List } from './list';
 import { useModal } from './modal';
 import { Modal } from './modal';
 import { Text } from './text';
@@ -72,6 +75,9 @@ export const Options = React.forwardRef<BottomSheetModal, OptionsProps>(
     const snapPoints = React.useMemo(() => [height], [height]);
     const { colorScheme } = useColorScheme();
     const isDark = colorScheme === 'dark';
+
+    const List = Platform.OS === 'web' ? FlashList : BottomSheetFlatList;
+
     const renderSelectItem = React.useCallback(
       ({ item }: { item: Option }) => (
         <Option