fixing image display for posts on profile page, adding success confirmation modal, changing posts display,

app/(tabs)/posts.tsx

@@ -30,16 +30,14 @@ export default function PostsScreen() {
 
     return (
         <View style={styles.wrapper}>
-            <View style={styles.container}>
-                <Text style={styles.text}>Posts</Text>
-                {posts?.length ? (
-                    posts.map((el) => <PostComponent key={el._id} post={el} fetchData={fetchData} />)
-                ) : (
-                    <View style={styles.caughtUpContainer}>
-                        <Text style={styles.caughtUpText}>All caught up!</Text>
-                    </View>
-                )}
-            </View>
+            <Text style={styles.title}>Posts</Text>
+            {posts?.length ? (
+                posts.map((el) => <PostComponent key={el._id} post={el} fetchData={fetchData} />)
+            ) : (
+                <View style={styles.caughtUpContainer}>
+                    <Text style={styles.caughtUpText}>All caught up!</Text>
+                </View>
+            )}
         </View>
     )
 }
@@ -47,14 +45,12 @@ export default function PostsScreen() {
 const styles = StyleSheet.create({
     wrapper: {
         flex: 1,
-        backgroundColor: '#25292e'
-    },
-    container: {
-        flex: 1,
+        backgroundColor: '#25292e',
+        padding: 16,
         alignItems: 'center',
         overflow: 'scroll'
     },
-    text: {
+    title: {
         color: '#fff',
         justifyContent: 'center'
     },