feat(#9231): enable place filter aggregate targets for users with multiple facility_ids

[Benmuiruri]

Description

This PR :

• Closes Update Target Aggregates Component to display filter button  care-teams#137
• Closes Add sidebar filter that is displayed when the button is clicked care-teams#138
• Closes Enable users with multi-facilities to view target aggregates care-teams#139

Screenshots and Videos

Analytics Landing Page Unchanged

Targets Page unchanged

Aggregate Targets Page for user with 1 Facility unchanged - They cannot see Filter button

Aggregate Targets Page for user with 1 Facility unchanged - Mobile view

Aggregate Targets Page for user with Multi Facility - They can see Filter button

Aggregate Targets Page for user with Multi Facility - Sidebar open

Aggregate Targets Page for user with Multi Facility - Sidebar open - Mobile View

Aggregate Targets Page for user with Multi Facility - Video Demo

Screen.Recording.2024-07-11.at.14.39.02.mov

Code review checklist

• Readable: Concise, well named, follows the style guide, documented if necessary.
• Documented: Configuration and user documentation on cht-docs
• Tested: Unit and/or e2e where appropriate
• Internationalised: All user facing text
• Backwards compatible: Works with existing data and configuration or includes a migration. Any breaking changes documented in the release notes.

Compose URLs

If Build CI hasn't passed, these may 404:

• Core
• CouchDB Single
• CouchDB Cluster

License

The software is provided under AGPL-3.0. Contributions to this project are accepted under the same license.

[latin-panda]

Some feedback we reviewed during the call

[latin-panda]

@Benmuiruri please change the PR title from chore to feat

[latin-panda]

I did a quick pass and left some feedback but I still need to do a proper review specially the CSS part.

Please add unit tests to the new code.
Also make sure to test the view without this feature, including when the old design is activated to verify it still looks good (can_view_old_filter, can_view_old_actionbar)

[latin-panda]

@Benmuiruri I did a quick pass and I have reviewed 50% only.
I'll review the other 50% later

[ralfudx]

LGTM

[latin-panda]

Very nice!! Almost there, just small feedback

[latin-panda]

Feedback above ⬆️
This is what I tested ⬇️

Admin user (with 1 facility assigned and no facility assigned)

• Device
  • Mobile
  • Desktop
  • Tablet
• Back button
• Reload
• Navigate target
• Navigate target aggregates
• Check the browser's console for errors or suspicious warnings

Offline user (with 1 facility and 2 facilities))

- Device - Mobile - Desktop - Tablet - Back button - Reload - With no aggregate permissions - Navigate target - Navigate target aggregates by changing url - should not allow and show `target aggregates are disabled`

• Enable permissions and wait for the upgrade message should work; no errors
  • Navigate target
  • Navigate target aggregates
  • Aggregate targets details view - like click on one from the list.
• With old filter and old action bar

Online user (with 1 facility and 2 facilities))

- Device - Mobile - Desktop - Tablet - Back button - Reload - With no aggregate permissions - Navigate target - Navigate target aggregates by changing url - should not allow and show `target aggregates are disabled`

• Enable permissions and wait for the upgrade message should work; no errors
  • Navigate target
  • Navigate target aggregates
  • Aggregate targets details view - like click on one from the list.
• With old filter and old action bar

[latin-panda]

I reviewed the changes, but couldn't test since I'm running out of time for this week.
LGTM! Thanks for fixing all the feedback