fix build

components/Album/component.tsx

@@ -8,7 +8,7 @@ import { usePlayerContext } from "../../player/provider";
 import { RunTimeTicks } from "../Global/helpers/time-codes";
 import Track from "../Global/components/track";
 import { useItemTracks } from "../../api/queries/tracks";
-import { SafeAreaView, useSafeAreaFrame } from "react-native-safe-area-context";
+import { useSafeAreaFrame } from "react-native-safe-area-context";
 import FavoriteButton from "../Global/components/favorite-button";
 import { useEffect } from "react";
 import BlurhashedImage from "../Global/components/blurhashed-image";

components/Home/screens/index.tsx

@@ -42,8 +42,6 @@ export function ProvidedHome({
                 <YStack alignContent='flex-start'>
                     <XStack margin={"$2"}>
                         <H3>{`Hi, ${Client.user!.name}`}</H3>
-                        <YStack />
-                        <Avatar maxHeight={30} itemId={Client.user!.id!} />
                     </XStack>
 
                     <Separator marginVertical={"$2"} />

components/Settings/helpers/account-details.tsx

@@ -1,6 +1,5 @@
 import { XStack } from "@tamagui/stacks";
 import React from "react";
-import Avatar from "../../../components/Global/helpers/avatar";
 import { Text } from "../../../components/Global/helpers/text";
 import Icon from "../../../components/Global/helpers/icon";
 import Client from "../../../api/client";
@@ -12,7 +11,6 @@ export default function AccountDetails(): React.JSX.Element {
         <XStack alignItems="center">
             <Icon name="account-music-outline" />
             <Text>{Client.user!.name}</Text>
-            <Avatar itemId={Client.user!.id} circular />
         </XStack>
     )
 }