feat(ui-output): add districts list with areas

[skamril]

• LIstView: allow rendering content without TanStack routing
• use ListView
• refactor of some code
• disable search for synthesis list

ANT-4472

[Copilot]

Pull request overview

This pull request adds district support to the study outputs view and refactors the ListView component to support rendering content without TanStack routing. The changes enable users to view output data for both individual areas and district aggregations in a unified interface.

Changes:

• Enhanced ListView component to support both route-based navigation (RouteListItem) and local content rendering (ContentListItem)
• Added district fetching and display alongside areas in the outputs view
• Refactored ResultMatrixViewer/ResultFilters/ResultItemSelector components into OutputMatrixViewer/OutputFilters with cleaner interfaces
• Simplified component state management by consolidating item selection logic into ListView

Reviewed changes

Copilot reviewed 14 out of 16 changed files in this pull request and generated 12 comments.

Show a summary per file

File	Description
index.tsx	Simplified main output component to use ListView with districts integration and content rendering
-utils.ts	Added type guards for districts, updated path generation to support @ ${districtId} format, removed unused constants
useVariablePerVariable.ts	Simplified hook parameters by removing redundant itemType and selectedItemId in favor of selectedItem
SynthesisViewer.tsx	Refactored to self-contained component that fetches its own data using gridId
ListView.tsx	Added ContentListItem support for non-routing use cases with local state management
ResultMatrixViewer/ → OutputMatrixViewer/	Renamed and restructured component directory, split filters into separate files (OutputFilters, VariableSelector, etc.)

Comments suppressed due to low confidence (1)

webapp/src/routes/_authenticated/studies/$studyId/explore/outputs/$outputId/-components/OutputMatrixViewer/VariableMatrix/index.tsx:56

• Districts may not have variable metadata. The function hasVariablesForItem checks if the item exists in data.areas by comparing area.name === selectedItem.id. However, districts from getStudyDistricts are separate entities from areas and may not be present in the variables metadata. If a district is selected, this check will likely return false even though the district might have valid output data. Consider whether districts should be supported in variable-per-variable mode, and if so, ensure the metadata includes district information or handle this case explicitly.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.