…handling for health details

- Remove redundant onMounted (isCollapsed already initialised synchronously)
- Guard toggleCollapsed: skip localStorage write when instance.id is absent
- Introduce safeNameId for HTML id attributes and aria-controls (names with spaces/colons/slashes produced invalid ids)
- Guard encodeURIComponent(name ?? '') against null/undefined name
- Fix duplicate child :key to include loop index, preventing wrong instance reuse
- Guard v-else-if object branch with !== null to handle null detail values
- Fix sba-icon-button PropType to [Object, Array, String] so string icon names pass Vue runtime validation

…n, extract safeDetailId

- details v-for :key now includes loop index to handle duplicate detail names
- health.details || health.components replaced with ?? and validated as plain object,
  eliminating false fallthrough on falsy health.details values and both sources
  being shared via a single healthEntries computed
- Inline detail.name.replace() repeated three times replaced with safeDetailId(name, idx)
  helper that also falls back to 'detail_N' when all characters are special

…t row alternation

The Instance node always received index=0, and each health group node also
defaulted to index=0, so all top-level rows rendered with the same bg-white
background. Now the Instance node is explicitly :index="0" and each group
node receives :index="groupIdx + 1", producing correct even/odd alternation
across all sibling health-details rows.

… alternation)

index + 1 was passed to all siblings, giving every child the same index and
therefore the same background colour. Introduced a separate 'depth' prop for
the recursion guard (depth < 10) and pass ':index="idx"' to children so each
sibling gets its own position-based index, producing correct even/odd alternation
at every level of the health component tree.