Implemented a generalized version of the Map, LineChart, and Scenario components using VVAFER approach

[LorenzoSerloni]

Description

This PR implements a generalized version of the Map, LineChart, and Scenario components, replacing all previously used components. Each component now uses a data context to communicate, as suggested in the VVAFER paper futhermore we introduced the wrapper approach proposed for the Map & LineChart. The data context employs the useContext hook in React for component communication.

Related Issues

Design Decisions

This implementation is inspired by the VVAFER paper, which suggests using a centralized data socket to enhance communication between components.

Performance & Quality

Test coverage report: https://coveralls.io/jobs/144875985 Lighthouse report: https://storage.googleapis.com/lighthouse-infrastructure.appspot.com/reports/1718809076688-87755.report.html

Checklist

I, the author of this PR checked the following requirements for good software quality:

• [X] The code is properly formatted (I ran the formatter)
• [X] The code is written with our software quality standards (I ran the linter)
• [X] The code is written using our code style
• [X] Extensive in source documentation has been added
• [X] Unit and/or integration tests have been added
• [X] All texts have been internationalized with at least the following languages:
  • [X] English
  • [X] German
• [ ] I tried addressing all new accessibility problems displayed in the console and documented if they can't be fixed
• [X] I attached performance measurements to prevent performance degradation
• [ ] I added the changes to the next release section of the changelog

I, the reviewer checked the following things:

• [ ] I ran the software once and tried all new and related functionality to this PR
• [ ] I looked at all new and changed lines of code and commented on possible problems
• [ ] I read the added documentation and checked if it is understandable and clear
• [ ] I checked the added tests for completeness
• [ ] I checked the internationalized strings for spelling errors
• [ ] I checked the performance metrics for problems or unexplained degradation
• [ ] I checked that the changes are noted in the changelog

[github-actions[bot]]

Test Results

67 tests  +28   67 :white_check_mark: +28   14s :stopwatch: +3s 29 suites +12    0 :zzz: ± 0   1 files   ± 0    0 :x: ± 0 

Results for commit 13736e28. ± Comparison against base commit d7dd9b8a.

This pull request removes 9 and adds 37 tests. Note that renamed tests count towards both.

``` src/__tests__/components/Scenario/CompartmentList.test.tsx ‑ CompartmentList > Date Loaded Correctly src/__tests__/components/Scenario/CompartmentList.test.tsx ‑ CompartmentList > Set Reference Date src/__tests__/components/Scenario/CompartmentList.test.tsx ‑ CompartmentList > Update Reference Date src/__tests__/components/Sidebar/DistrictMap.test.tsx ‑ District Map > district map load src/__tests__/components/Sidebar/SearchBar.test.tsx ‑ SearchBar > countyList loaded correctly src/__tests__/components/Sidebar/SearchBar.test.tsx ‑ SearchBar > district changed by store src/__tests__/components/Sidebar/SearchBar.test.tsx ‑ SearchBar > select district by dropdown selection partial name (autocomplete) src/__tests__/components/Sidebar/SearchBar.test.tsx ‑ SearchBar > select district by dropdown selection with keyboard (Arrow-Down) src/__tests__/store/DataSelectionSlice.test.ts ‑ DataSelectionSlice > Toggle Scenario ``` ``` src/__tests__/components/LineChart.test.tsx ‑ LineChart > renders LineChart src/__tests__/components/Scenario/CardsComponents/CardContainer.test.tsx ‑ CardContainer > renders compartments correctly src/__tests__/components/Scenario/CardsComponents/CardContainer.test.tsx ‑ CardContainer > renders data cards correctly src/__tests__/components/Scenario/CardsComponents/CardContainer.test.tsx ‑ CardContainer > renders filter values correctly src/__tests__/components/Scenario/CardsComponents/DataCard.test.tsx ‑ DataCard > checks visibility based on group filters src/__tests__/components/Scenario/CardsComponents/DataCard.test.tsx ‑ DataCard > renders DataCard correctly src/__tests__/components/Scenario/CardsComponents/DataCard.test.tsx ‑ DataCard > renders compartment values correctly src/__tests__/components/Scenario/CardsComponents/DataCard.test.tsx ‑ DataCard > renders filter titles correctly src/__tests__/components/Scenario/CardsComponents/MainCard/CardRows.test.tsx ‑ CardRows Component > applies the correct styles to selected compartment src/__tests__/components/Scenario/CardsComponents/MainCard/CardRows.test.tsx ‑ CardRows Component > renders compartment values and rates correctly … ```

:recycle: This comment has been updated with latest results.