[AnVIL Explorer] Organize left hand filters by named categories

[NoopDog]

Need

To make it easier to understand what filters are available it can be helpful to group them but the entity the apply to. For example, on the HCA Site the filters on the left have been categorized to look like this:

Whereas on AnVIL the current filters look like this:

Approach

Group the filters into named categories as defined below on AnVIL Explorer

• Dataset

  • Dataset Name
  • Dataset Identifier
  • Consent Group

• Donor

  • Diagnosis
  • Organism Type
  • Reported Ethnicity
  • Phenotypic Sex

• Biosample

  • Anatomical Site
  • BioSample Type

• File

  • file format

  This is configured in the categoryGroupConfig object in config.ts for each site. For example the HCA site is configured here:

  data-browser/explorer/site-config/hca-dcp/dev/config.ts

  Line 52 in 9e9fe92

  categoryGroupConfig: {

The corresponding file for AnVIL CMG is here:

data-browser/explorer/site-config/anvil-cmg/dev/config.ts

Line 42 in 9e9fe92

categoryGroupConfig: {

Definition of Done

1. The AnVIL Explorer is updated to use the new groupings for filters defined above.
2. The E2E ( Playwright Tests) for AnVIL Explorer are updated to pass if required.