Fixed initial errors

app/(tabs)/index.tsx

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
 import { StyleSheet } from 'react-native';
-import { ThemedView } from '@/components/theme/Theme';
+import { ThemedText, ThemedView } from '@/components/theme/Theme';
 import UserInfo from '@/components/home/UserInfo';
-import Relationship from '@/components/home/Relationship';
+import RelationshipView from '@/components/home/RelationshipView';
 
 const IndexScreen = () => {
   const [pfpUrl, setPfpUrl] = useState<string | null>(null);
@@ -12,11 +12,12 @@ const IndexScreen = () => {
   return (
     <ThemedView style={styles.container}>
       <UserInfo onPfpUpdate={handlePfpUpdate} />
-      <Relationship pfpUrl={pfpUrl} />
+      <RelationshipView pfpUrl={pfpUrl} />
       <ThemedView style={styles.footerContainer}>
       </ThemedView>
     </ThemedView>
   );
+
 };
 export default IndexScreen;