Refactor Focus Entity Selection and Coloring

[protyze]

Unified selection of entityId and patientId from focus entities (hovered/selected/index) and their respective colors across all relevant components:

• Table

  • const selectedEntityId = useActiveSelectedEntity()
  • const indexPatientId = useIndexPatientId()
  • colors via useTheme()

• TimelineLanes

  • const hoveredLaneId = useHoveredLaneId()
  • const selectedLaneId = useSelectedLaneId()
  • const indexPatientId = useIndexPatientId()
  • colors via useTheme() and createFocusColor()

    • Logic about indexPatient vs. selected priority

  • Logic to extract “LaneId” from hovered/selected entity in selectors

• TimelineJourneys

  • const hoveredEntity = useHoveredEntity()
  • const selectedEntity = useSelectedEntity()
  • const indexPatientId = useIndexPatientId()
  • colorByColumnFn -> useColor
  • Logic to extract “PatientId” from hovered/selected entity
  • colors via useTheme() and createFocusColor()

    • Logic about indexPatient vs. selected priority

• TimelineActiveMarks

  • const selectedEvent = useSelectedActiveEvent(colorByColumnFn, theme.entityColors.filteredOut)
  • const hoveredEvent = useHoveredActiveEvent(colorByColumnFn, theme.entityColors.filteredOut)
  • const indexPatientEvents = useIndexPatientEvents()
  • colors via useTheme() and createFocusColor()

    • Logic about indexPatient vs. selected priority