fix: use isSmallScreenWidth instead

Author: truph01

src/pages/ReportDetailsPage.tsx

@@ -162,7 +162,8 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
     const {removeTransaction} = useSearchContext();
 
     const transactionThreadReportID = useMemo(() => getOneTransactionThreadReportID(report, chatReport, reportActions ?? [], isOffline), [reportActions, isOffline, report, chatReport]);
-    const {shouldUseNarrowLayout} = useResponsiveLayout();
+    // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth
+    const {isSmallScreenWidth} = useResponsiveLayout();
 
     /* eslint-disable @typescript-eslint/prefer-nullish-coalescing */
     const [transactionThreadReport] = useOnyx(`${ONYXKEYS.COLLECTION.REPORT}${transactionThreadReportID}`, {canBeMissing: true});
@@ -474,7 +475,7 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
                     if (!report?.policyID) {
                         return;
                     }
-                    if (shouldUseNarrowLayout) {
+                    if (isSmallScreenWidth) {
                         Navigation.navigate(ROUTES.WORKSPACE_INITIAL.getRoute(report?.policyID, Navigation.getActiveRoute()));
                     } else {
                         Navigation.navigate(ROUTES.WORKSPACE_OVERVIEW.getRoute(report?.policyID));
@@ -547,7 +548,7 @@ function ReportDetailsPage({policy, report, route, reportMetadata}: ReportDetail
         isTaskActionable,
         isRootGroupChat,
         leaveChat,
-        shouldUseNarrowLayout,
+        isSmallScreenWidth,
     ]);
 
     const displayNamesWithTooltips = useMemo(() => {