add openPolicyAccountingPage call on Card Reconciliation Page

Author: nyomanjyotisa

src/pages/workspace/accounting/reconciliation/CardReconciliationPage.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useMemo} from 'react';
+import React, {useCallback, useEffect, useMemo} from 'react';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
 import ScreenWrapper from '@components/ScreenWrapper';
@@ -10,6 +10,7 @@ import useLocalize from '@hooks/useLocalize';
 import useOnyx from '@hooks/useOnyx';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {getConnectionNameFromRouteParam} from '@libs/AccountingUtils';
+import {openPolicyAccountingPage} from '@libs/actions/PolicyConnections';
 import {isExpensifyCardFullySetUp} from '@libs/CardUtils';
 import type {PlatformStackScreenProps} from '@libs/Navigation/PlatformStackNavigation/types';
 import Navigation from '@navigation/Navigation';
@@ -104,6 +105,20 @@ function CardReconciliationPage({policy, route}: CardReconciliationPageProps) {
         }
     }, [connection, policyID]);
 
+    const fetchPolicyAccountingData = useCallback(() => {
+        if (!policyID) {
+            return;
+        }
+        openPolicyAccountingPage(policyID);
+    }, [policyID]);
+
+    useEffect(() => {
+        if (isContinuousReconciliationOn !== undefined) {
+            return;
+        }
+        fetchPolicyAccountingData();
+    }, [isContinuousReconciliationOn, fetchPolicyAccountingData]);
+
     return (
         <AccessOrNotFoundWrapper
             policyID={policyID}