feat: update components and files to fix eslint issues

Author: yjose

env.js

@@ -1,3 +1,4 @@
+/* eslint-env node */
 /*
  * Env file to load and validate env variables
  * Be cautious; this file should not be imported into your source folder.

index.js

@@ -1,3 +1,5 @@
+/* eslint-env node */
+
 const { getDefaultConfig } = require('expo/metro-config');
 const { withNativeWind } = require('nativewind/metro');
 

metro.config.js

@@ -1,7 +1,11 @@
+// Import  global CSS file
+import '../../global.css';
+
 import { useReactNavigationDevTools } from '@dev-plugins/react-navigation';
 import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
 import { ThemeProvider } from '@react-navigation/native';
 import { SplashScreen, Stack, useNavigationContainerRef } from 'expo-router';
+import React from 'react';
 import { StyleSheet } from 'react-native';
 import FlashMessage from 'react-native-flash-message';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
@@ -13,11 +17,6 @@ import { useThemeConfig } from '@/core/use-theme-config';
 
 export { ErrorBoundary } from 'expo-router';
 
-// Import  global CSS file
-import '../../global.css';
-
-import React from 'react';
-
 export const unstable_settings = {
   initialRouteName: '(app)',
 };

src/app/_layout.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 
-import type { Option } from '@/ui';
+import type { OptionType } from '@/ui';
 import { Input, Select, View } from '@/ui';
 import { Checkbox, Radio, Switch } from '@/ui';
 
 import { Title } from './title';
 
-const options: Option[] = [
+const options: OptionType[] = [
   { value: 'chocolate', label: 'Chocolate' },
   { value: 'strawberry', label: 'Strawberry' },
   { value: 'vanilla', label: 'Vanilla' },

src/components/inputs.tsx

@@ -13,7 +13,7 @@ export const ItemsContainer = ({ children, title }: Props) => {
     <>
       {title && <Text className="pb-2 pt-4 text-lg" tx={title} />}
       {
-        <View className=" rounded-md border-[1px] border-neutral-200 dark:border-neutral-700 dark:bg-neutral-800">
+        <View className=" rounded-md border border-neutral-200 dark:border-neutral-700 dark:bg-neutral-800">
           {children}
         </View>
       }

src/components/settings/items-container.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { useSelectedLanguage } from '@/core';
 import { translate } from '@/core';
 import type { Language } from '@/core/i18n/resources';
-import type { Option } from '@/ui';
+import type { OptionType } from '@/ui';
 import { Options, useModal } from '@/ui';
 
 import { Item } from './item';
@@ -12,7 +12,7 @@ export const LanguageItem = () => {
   const { language, setLanguage } = useSelectedLanguage();
   const modal = useModal();
   const onSelect = React.useCallback(
-    (option: Option) => {
+    (option: OptionType) => {
       setLanguage(option.value as Language);
       modal.dismiss();
     },

src/components/settings/language-item.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 
 import type { ColorSchemeType } from '@/core';
 import { translate, useSelectedTheme } from '@/core';
-import type { Option } from '@/ui';
+import type { OptionType } from '@/ui';
 import { Options, useModal } from '@/ui';
 
 import { Item } from './item';
@@ -12,7 +12,7 @@ export const ThemeItem = () => {
   const modal = useModal();
 
   const onSelect = React.useCallback(
-    (option: Option) => {
+    (option: OptionType) => {
       setSelectedTheme(option.value as ColorSchemeType);
       modal.dismiss();
     },

src/components/settings/theme-item.tsx

@@ -219,8 +219,7 @@ export const SwitchIcon = ({ checked = false }: IconProps) => {
         />
       </View>
       <MotiView
-        // eslint-disable-next-line react-native/no-inline-styles
-        style={{
+       style={{
           height: THUMB_HEIGHT,
           width: THUMB_WIDTH,
           position: 'absolute',

src/ui/checkbox.tsx

@@ -121,7 +121,6 @@ const CustomBackdrop = ({ style }: BottomSheetBackdropProps) => {
       onPress={() => close()}
       entering={FadeIn.duration(50)}
       exiting={FadeOut.duration(20)}
-      // eslint-disable-next-line react-native/no-inline-styles
       style={[style, { backgroundColor: 'rgba(0, 0, 0, 0.4)' }]}
     />
   );