changing post display on profile to a more compact display that eventually you will be able to click into for more details - I think i will do the same on the posts page and have the admins enter information about why the post was approved or denied

app/(tabs)/home.tsx

@@ -97,7 +97,7 @@ export default function App() {
                             <Text style={styles.text}>Retake</Text>
                         </TouchableOpacity>
                         <TouchableOpacity style={styles.button} onPress={sendData}>
-                            <Text style={styles.text}>Continue</Text>
+                            <Text style={styles.text}>Submit</Text>
                         </TouchableOpacity>
                     </View>
                 </View>
@@ -142,8 +142,7 @@ const styles = StyleSheet.create({
         flex: 1,
         backgroundColor: '#25292e',
         justifyContent: 'center',
-        paddingHorizontal: 25,
-        paddingVertical: 200
+        padding: 32
     },
     centeredView: {
         flex: 1,
@@ -198,16 +197,18 @@ const styles = StyleSheet.create({
         flex: 1
     },
     buttonContainer: {
-        flex: 0.2,
         flexDirection: 'row',
-        backgroundColor: 'orange',
+        justifyContent: 'space-evenly',
         marginTop: 15,
         borderRadius: 5
     },
     button: {
-        flex: 1,
-        alignSelf: 'center',
-        alignItems: 'center'
+        paddingHorizontal: 12,
+        height: 50,
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: 'rgb(192, 196, 199)',
+        borderRadius: 5
     },
     text: {
         fontSize: 24,

app/(tabs)/profile.tsx

@@ -2,7 +2,7 @@ import { useUser } from '@clerk/clerk-react'
 import { useFocusEffect } from 'expo-router'
 import React, { useState } from 'react'
 import { Image, StyleSheet, Text, View } from 'react-native'
-import { PostComponent } from '../components/PostComponent'
+import { CompactPostComponent } from '../components/CompactPostComponent'
 import { SignOutButton } from '../components/SignOutButton'
 import { Post } from '../models/postModel'
 
@@ -50,7 +50,7 @@ export default function PostsScreen() {
                 </View>
                 <View style={styles.userPostsCard}>
                     {posts?.length ? (
-                        posts.map((el) => <PostComponent key={el._id} post={el} fetchData={fetchData} />)
+                        posts.map((el) => <CompactPostComponent key={el._id} {...el} />)
                     ) : (
                         <View style={styles.noPostsContainer}>
                             <Text style={styles.noPosts}>Your posts will show up here!</Text>