Receiving new report for child contact does not refresh contact detail page

[dianabarsan]

Describe the bug
Webapp contact detail page is supposed to be responsive to incoming changes. If viewing a contact detail page of a clinic that has some person contacts (just some examples of contact types, the behavior applies to any types), receiving a new report for one of the person contacts should trigger a background reload and display this new report in the reports list.

To Reproduce
Steps to reproduce the behavior:

1. Login as an offline user and load a clinic that has at least one person.
2. In another browser, login as another user (can be an admin) and create a report for the person.
3. As the offline user, sync and wait for syncing to complete.
4. The new report does not show up in the list of reports on the clinic page automatically. Navigating to the page again (to trigger a reload) does show the new report.

Expected behavior
Contact detail pages should be responsive to incoming relevant changes.

Environment

• App: webapp
• Version: 3.10+ (this bug exists since the migration to Angular 10)

Additional context
Discovered during development for #9301