Fix more typescript errors

api/files.ts

@@ -19,6 +19,7 @@
 // SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 //
 import mime from "mime";
+import type { WalletFile } from "@/types/WalletFile";
 import { makeApiRequest } from "./apiRequest";
 
 interface FileObject {

app/(tabs)/home/[fileName].tsx

@@ -31,6 +31,7 @@ import { FontAwesome6 } from "@expo/vector-icons";
 import { Colors } from "@/constants/Colors";
 import VcCard from "@/components/files/VcCard";
 import BottomModal from "@/components/files/BottomModal";
+import type { WalletFile } from "@/types/WalletFile";
 
 interface FileDetailProps {
   file: WalletFile;

app/(tabs)/home/download.tsx

@@ -28,6 +28,7 @@ import { postFile } from "@/api/files";
 import { FontAwesome6 } from "@expo/vector-icons";
 import IconResourceName from "@/components/common/IconResourceName";
 import { RDF_CONTENT_TYPE } from "@/utils/constants";
+import type { WalletFile } from "@/types/WalletFile";
 
 interface FileDetailProps {
   file: WalletFile;

app/(tabs)/home/index.tsx

@@ -28,6 +28,7 @@ import { fetchFiles } from "@/api/files";
 import FileList from "@/components/files/FileList";
 import useRefreshOnFocus from "@/hooks/useRefreshOnFocus";
 import { Colors } from "@/constants/Colors";
+import type { WalletFile } from "@/types/WalletFile";
 
 const HomeScreen = () => {
   const { data, isLoading, isFetching, refetch } = useQuery<WalletFile[]>({

app/(tabs)/profile.tsx

@@ -88,11 +88,13 @@ export default function Profile() {
               borderRadius={50}
             />
           ) : (
-            <AccessSolid style={styles.profileUri} borderRadius={50} />
+            <AccessSolid style={styles.profileUri} />
           )}
           <View style={styles.profileDetail}>
             <ThemedText style={styles.profileName}>
-              {name || webId ? formatResourceName(webId, false, webId) : null}
+              {name || webId
+                ? formatResourceName(name || webId || "", false, webId)
+                : null}
             </ThemedText>
             <ThemedText fontWeight="light" style={styles.profileWebId}>
               {webId}

components/files/BottomModal.tsx

@@ -30,6 +30,7 @@ import * as FileSystem from "expo-file-system";
 import QRCode from "react-native-qrcode-svg";
 import { formatResourceName } from "@/utils/fileUtils";
 import type { UserInfo } from "@/constants/user";
+import type { WalletFile } from "@/types/WalletFile";
 import { ThemedText } from "../ThemedText";
 import ConfirmModal from "../common/ConfirmModal";
 

components/files/FileList.tsx

@@ -33,6 +33,7 @@ import { faEllipsis } from "@fortawesome/free-solid-svg-icons/faEllipsis";
 import { useRouter } from "expo-router";
 import { useIsMutating } from "@tanstack/react-query";
 import Loading from "@/components/LoadingButton";
+import type { WalletFile } from "@/types/WalletFile";
 import BottomModal from "./BottomModal";
 import { ThemedText } from "../ThemedText";
 

utils/fileUtils.ts

@@ -23,6 +23,7 @@ import { faImage } from "@fortawesome/free-solid-svg-icons/faImage";
 import { faIdCard } from "@fortawesome/free-solid-svg-icons/faIdCard";
 import { faWallet } from "@fortawesome/free-solid-svg-icons/faWallet";
 import { AccessRequestMode } from "@/types/enums";
+import type { WalletFile } from "@/types/WalletFile";
 
 function capitalize(word: string): string {
   return word.charAt(0).toUpperCase() + word.slice(1);