chore(orchestrator-form): add changeset for hidden gaps

Document the ui:hidden layout fix for the orchestrator form react package.

Made-with: Cursor

Author: lokanandaprabhu

workspaces/orchestrator/.changeset/hidden-widget-gaps.md

@@ -0,0 +1,6 @@
+---
+'@red-hat-developer-hub/backstage-plugin-orchestrator-form-react': patch
+---
+
+Avoid layout gaps for `ui:hidden` custom widgets by skipping grid items while
+keeping hidden widgets mounted.

workspaces/orchestrator/plugins/orchestrator-form-react/src/components/HiddenObjectFieldTemplate.tsx

@@ -101,7 +101,7 @@ const HiddenObjectFieldTemplate = (
         />
       )}
       <Grid container spacing={2} style={{ marginTop: '10px' }}>
-        {properties.map((element, index) => {
+        {properties.map(element => {
           const hiddenCondition = getHiddenCondition(uiSchema, element.name);
           const isHiddenByCondition =
             hiddenCondition !== undefined
@@ -111,14 +111,19 @@ const HiddenObjectFieldTemplate = (
 
           return isHidden ? (
             <div
-              key={index}
+              key={element.name}
               style={{ display: 'none' }}
               data-hidden-field="true"
             >
               {element.content}
             </div>
           ) : (
-            <Grid item xs={12} key={index} style={{ marginBottom: '10px' }}>
+            <Grid
+              item
+              xs={12}
+              key={element.name}
+              style={{ marginBottom: '10px' }}
+            >
               {element.content}
             </Grid>
           );