render the transactions screen when on the tab

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 { useTheme } from "@shopify/restyle";
 // import palette
 import type { Theme } from "@themes/Theme";
@@ -29,7 +30,7 @@ export const AppBottomTabsNavigator = () => {
 			/>
 			<Tab.Screen
 				name="Transactions"
-				component={Transactions}
+				component={TransactionHistoryScreen}
 				options={{
 					tabBarIcon: ({ color, size }) => (
 						<FontAwesome name="exchange" size={size} color={color} />