DRY-up conditional rendering in GeneRecordClasses

[Copilot]

Refactored RecordMainSection component to eliminate ~40 lines of duplicated JSX from if/else branches that differed only in one conditionally-rendered button.

Changes:

• Consolidated common structure (collapse button, layout) into single render path
• Moved environment-specific logic to inline conditional: {process.env.NODE_ENV !== 'production' && <TestingButton />}
• Preserved behavior: production shows collapse button only; non-production shows both collapse and expand buttons

Before:

let segment;
if (process.env.NODE_ENV === 'production') {
  segment = (
    <React.Fragment>
      {/* ~30 lines of JSX */}
      <button>Collapse all sections</button>
    </React.Fragment>
  );
} else {
  segment = (
    <React.Fragment>
      {/* Same ~30 lines of JSX */}
      <button>Collapse all sections</button>
      <button>Open all sections for testing</button>
    </React.Fragment>
  );
}
return <div>{segment}</div>;

After:

return (
  <div>
    <React.Fragment>
      {/* ~30 lines of JSX once */}
      <button>Collapse all sections</button>
      {process.env.NODE_ENV !== 'production' && (
        <button>Open all sections for testing</button>
      )}
    </React.Fragment>
  </div>
);

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.