fix: linter react issues import

src/screens/chat/chat-body.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 import { Button, Image, Text, View } from '@/ui';
 
 const MY_PROFILE_PHOTO =

src/screens/chat/chat-header.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 import { Image, Text, View } from '@/ui';
 
 const ChatHeader = () => {

src/screens/chat/chat-list-body.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Image, Text, TouchableOpacity, View } from 'react-native';
 
 import type { ChatBase } from './chat-list-screen';

src/screens/chat/chat-list-header.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Text, View } from 'react-native';
 
 const ChatListHeader = () => {

src/screens/chat/chat-list-screen.tsx

@@ -1,4 +1,5 @@
 import { useNavigation } from '@react-navigation/native';
+import React from 'react';
 import { View } from 'react-native';
 
 import ChatListBody from './chat-list-body';

src/screens/chat/chat-screen.tsx

@@ -1,5 +1,6 @@
 // Displays the chat
 
+import React from 'react';
 import { ScrollView } from 'react-native-gesture-handler';
 
 import { View } from '@/ui';

src/screens/feed/list.tsx

@@ -65,7 +65,7 @@ export const Feed = () => {
         onEndReached={handleEndReached}
         onEndReachedThreshold={0.1}
         // Adjust the threshold as needed
-        getItemLayout={(data, index) => ({
+        getItemLayout={(_data, index) => ({
           length: 100, // Adjust the item length as needed
           offset: 100 * index,
           index,

src/screens/login/login-form.tsx

@@ -40,6 +40,7 @@ export const LoginForm = ({
   return (
     <View className="flex-1 justify-center p-4 ">
       <Image
+        // eslint-disable-next-line react-native/no-inline-styles
         style={{ width: 100, height: 100, alignSelf: 'center' }}
         source={require('../../../assets/icon.png')}
       />