feature(inspector) Data Tracing Now Handles Spread Values (#5694)

- Added `DataPathSuccess`, `DataPathNotPossible` and `DataPathUnavailable` types
  along with some union types for them.
- Added `combinePositiveResults` as an alternative to manually combining spread arrays.
- Refactor `processJSPropertyAccessors` to handle `DataPathPositiveResult`.
- `findPathToIdentifier` now caters for the spread operators.

editor/src/components/inspector/sections/component-section/cartouche-control.tsx

@@ -6,7 +6,7 @@ import { DataCartoucheInner } from './data-reference-cartouche'
 import { NO_OP } from '../../../../core/shared/utils'
 import type { ElementPath, PropertyPath } from '../../../../core/shared/project-file-types'
 import * as EPP from '../../../template-property-path'
-import { traceDataFromProp } from '../../../../core/data-tracing/data-tracing'
+import { dataPathSuccess, traceDataFromProp } from '../../../../core/data-tracing/data-tracing'
 import { Substores, useEditorState } from '../../../editor/store/store-hook'
 
 interface IdentifierExpressionCartoucheControlProps {
@@ -31,7 +31,7 @@ export const IdentifierExpressionCartoucheControl = React.memo(
           EPP.create(props.elementPath, props.propertyPath),
           store.editor.jsxMetadata,
           store.editor.projectContents,
-          [],
+          dataPathSuccess([]),
         ).type === 'hook-result',
       'IdentifierExpressionCartoucheControl trace',
     )

editor/src/components/inspector/sections/component-section/data-reference-cartouche.tsx

@@ -16,7 +16,7 @@ import { useDataPickerButton } from './component-section'
 import { useDispatch } from '../../../editor/store/dispatch-context'
 import { selectComponents } from '../../../editor/actions/meta-actions'
 import { when } from '../../../../utils/react-conditionals'
-import { traceDataFromElement } from '../../../../core/data-tracing/data-tracing'
+import { dataPathSuccess, traceDataFromElement } from '../../../../core/data-tracing/data-tracing'
 import type { DataPickerType } from './data-picker-popup'
 import type { RenderedAt } from '../../../editor/store/editor-state'
 
@@ -52,7 +52,7 @@ export const DataReferenceCartoucheControl = React.memo(
           props.surroundingScope,
           store.editor.jsxMetadata,
           store.editor.projectContents,
-          [],
+          dataPathSuccess([]),
         )
       },
       'IdentifierExpressionCartoucheControl trace',