Fix react-navigation drawer history issues on web/mWeb

[marcaaron]

Details

This PR adds a custom action to use with react-navigation when navigating to report routes. This is necessary since the default behavior on web and mobile web is to call window.history.replaceState() in most cases since navigating to the Report screen with new params does not add an entry to the history stack.

There might be a way to propose a fix for this in react-navigation itself, but I'm unsure whether this is the intended behavior and for now this gives us the desired behavior. react-navigation is intended to be extensible so I'm assuming this solution is OK.

Fixed Issues

Fixes https://github.com/Expensify/Expensify/issues/157550
Fixes #2028

Tests

QA Steps (web, mobile-web)

1. Open the app and sign in
2. Select a chat
3. Verify you are brought to that chat (if mWeb verify the chat slides into view)
4. Press the browser back button
5. Verify that you return to the previous chat (if mWeb verify that we are brought to the LHN)
6. Test navigating to several chats without pressing the browser back button
7. Press the browser back button and verify that we are brought to all the previous chats (on mWeb we should first see the LHN but be able to slide the LHN to the left to reveal the chat)

Tested On

• Web
• Mobile Web
• Desktop
• iOS
• Android

Screenshots

Web

Mobile Web

Desktop

iOS

Android

[deetergp]

The code looks good, but testing I noticed that, though it does work as advertised, the highlighting showing which chat you are on does not follow suit. Is that a blocker for this PR or is it a different problem?

chatHistory.mp4

[marcaaron]

Is that a blocker for this PR or is it a different problem?

I think so, since it's technically a regression from how things work now. Lemme take a quick look. I think I know why it happens.

[marcaaron]

Updated!

[deetergp]

:chefkiss: LGTM!

chatHistory2.mp4

[OSBotify]

✋ This PR was not deployed to staging yet because QA is ongoing. It will be automatically deployed to staging after the next production release.

[OSBotify]

🚀 Deployed to production in version: 1.0.39-5🚀

platform	result
🤖 android 🤖	failure ❌
🖥 desktop 🖥	success ✅
🍎 iOS 🍎	success ✅
🕸 web 🕸	success ✅