fix(calm-hub-ui): render object property values as JSON in node sidebar

[jpgough-ms]

Description

Fixes #2745. Interface properties fields whose values are nested objects rendered as [object Object] in the visualizer node/interface sidebar because String({...}) was used to coerce all values to a display string.

Introduces a PropertyValue component that pretty-prints objects and arrays as indented JSON in a <pre> block, while preserving existing String() behaviour for primitives and null.

Type of Change

• 🐛 Bug fix (non-breaking change which fixes an issue)
• ✅ Test additions or updates

Affected Components

• CALM Hub UI (calm-hub-ui/)

Commit Message Format ✅

fix(calm-hub-ui): render object property values as JSON in node sidebar

Testing

• I have tested my changes locally
• I have added/updated unit tests
• All existing tests pass

Regression tests added to detail-components.test.tsx:

• PropertiesSection — nested object renders as JSON (not [object Object])
• PropertiesSection — array value renders as JSON
• PropertiesSection — null value still renders as "null"
• InterfacesSection — exact rate-limit shape from the issue renders as JSON

Checklist

• My commits follow the conventional commit format
• I have updated documentation if necessary
• I have added tests for my changes (if applicable)
• My changes follow the project's coding standards

Code review notes

Two findings from pre-PR review worth tracking:

• JSON.stringify has no try/catch — circular refs would crash the sidebar; CALM data from the REST API is always JSON-safe but a defensive guard could be added as follow-up.
• <pre> blocks in the flex justify-between interface card rows will expand the row height for object values — intentional given the chosen pretty-print style, but worth a visual check on narrow viewports.