created transaction list show and create a custom card

src/navigation/AppNavigator.tsx

@@ -15,6 +15,7 @@ import Transaction from "../screens/profile/Transaction";
 import GroupDetails from "../screens/home/user-home/GroupDetails";
 import EditGroupScreen from "../screens/management/EditGroupScreen";
 import EditBankDetails from "../screens/profile/EditBankDetails";
+import TransactionsList from "../screens/transaction/TransactionList";
 
 export type RootStackParamList = {
   Splash: undefined;
@@ -32,6 +33,7 @@ export type RootStackParamList = {
   YourContacts: undefined;
   Transaction: undefined;
   EditBankDetails: { currentBankName: string | null; currentAccountNumber: string | null; currentBranchCode: string | null };
+  TransactionList:undefined
 };
 
 const Stack = createNativeStackNavigator<RootStackParamList>();
@@ -66,6 +68,7 @@ export default function AppNavigator() {
         <Stack.Screen name="GroupDetails" component={GroupDetails} options={{ headerShown: false }} />
         <Stack.Screen name="EditGroup" component={EditGroupScreen} options={{ headerShown: false }} />
         <Stack.Screen name="EditBankDetails" component={EditBankDetails} options={{ headerShown: false }} />
+        <Stack.Screen name="TransactionList" component={TransactionsList} options={{ headerShown: false }} />
       </Stack.Navigator>
     </NavigationContainer>
   );