set the correct screen for the profile tabs for the bottomTabs navigator

src/navigations/AppBottomTabsNavigator.tsx

 import { Entypo, FontAwesome, Ionicons } from "@expo/vector-icons";
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 import TransactionHistoryScreen from "@screens/TransactionHistoryScreen";
+import UserProfileScreen from "@screens/UserProfileScreen";
 import { useTheme } from "@shopify/restyle";
 // import palette
 import type { Theme } from "@themes/Theme";
@@ -50,7 +51,7 @@ export const AppBottomTabsNavigator = () => {
 			/>
 			<Tab.Screen
 				name="Profile"
-				component={ProfileScreen}
+				component={UserProfileScreen}
 				options={{
 					tabBarIcon: ({ color, size }) => (
 						<Ionicons name="person" size={size} color={color} />