fix(ui): properly formats collapsible field IDs (#5435)

* test: passing collapsible fields test suite

* chore: passes indexPath into ArrayRow & updates path in collapsible field

* fix: collapsible paths and indexPath prop types

* chore: improves path and schemaPath syntax

* leftover

* chore: updates selectors in collapsibles tests

* chore: updates selector in live-preview test suite

---------

Co-authored-by: Jacob Fletcher <jacobsfletch@gmail.com>

packages/ui/src/fields/Array/ArrayRow.tsx

@@ -46,6 +46,7 @@ export const ArrayRow: React.FC<ArrayRowProps> = ({
   fieldMap,
   forceRender = false,
   hasMaxRows,
+  indexPath,
   labels,
   listeners,
   moveRow,
@@ -128,6 +129,7 @@ export const ArrayRow: React.FC<ArrayRowProps> = ({
           className={`${baseClass}__fields`}
           fieldMap={fieldMap}
           forceRender={forceRender}
+          indexPath={indexPath}
           margins="small"
           path={path}
           permissions={permissions?.fields}