Improve performence

src/app/(tabs)/author/index.tsx

@@ -1,7 +1,8 @@
 import * as cheerio from 'cheerio';
 import { useLocalSearchParams, router } from 'expo-router';
 import { useEffect, useState } from 'react';
-import { ActivityIndicator, ScrollView, View, Text, Image } from 'react-native';
+import { ActivityIndicator, ScrollView, View, Text } from 'react-native';
+import { Image } from 'expo-image';
 import { SafeAreaView } from 'react-native-safe-area-context';
 
 import styles from './styles';

src/app/(tabs)/story/index.tsx

@@ -3,14 +3,14 @@ import React, { useEffect, useState } from 'react';
 import {
   ActivityIndicator,
   FlatList,
-  Image,
   ScrollView,
   Share,
   Text,
   TouchableOpacity,
   View,
   useWindowDimensions,
 } from 'react-native';
+import { Image } from 'expo-image';
 import { Button } from 'react-native-paper';
 import { RenderHTML } from 'react-native-render-html';
 import { SafeAreaView } from 'react-native-safe-area-context';

src/components/AuthorCard/AuthorCard.tsx

@@ -1,4 +1,5 @@
-import { Image, Text, View } from 'react-native';
+import { Image } from 'expo-image';
+import { Text, View } from 'react-native';
 import styles from './styles';
 
 type AuthorCardProps = {

src/components/ContentCard/ContentCard.tsx

@@ -45,7 +45,7 @@ function ContentCard({
       }
       setReactions([]);
     })();
-  });
+  }, []);
 
   return (
     <Pressable onPress={pressFunction}>

src/components/GenreStoryPreviewCard/GenreStoryPreviewCard.tsx

@@ -1,10 +1,10 @@
 import {
   GestureResponderEvent,
   Text,
-  Image,
   View,
   TouchableOpacity,
 } from 'react-native';
+import { Image } from 'expo-image';
 
 import styles from './styles';
 import globalStyles from '../../styles/globalStyles';

src/components/PreviewCard/PreviewCard.tsx

@@ -50,7 +50,7 @@ function PreviewCard({
       }
       setReactions([]);
     })();
-  });
+  }, []);
 
   return (
     <Pressable onPress={pressFunction}>

src/components/SplashScreen/SplashScreen.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { View, Image } from 'react-native';
+import { View } from 'react-native';
+import { Image } from 'expo-image';
 
 import styles from './styles';