fix(greenhouse): improve ReadinessConditions layout with responsive column widths

[ArtieReus]

Summary

Fixes text overflow issues in the ReadinessConditions component where long condition type names (e.g., "HelmReleaseCreated") were overlapping with their corresponding values.

Changes Made

• Added responsive column width classes to left column (labels) in condition cards with breakpoints for mobile, tablet, desktop, and extra-large screens
• Set max-w-xs (320px) on label column to prevent excessive width on very large screens
• Configured word-wrapping to only occur on very small screens (< 640px) using whitespace-normal sm:whitespace-nowrap
• Simplified component structure by removing unnecessary Stack wrapper around Grid
• Extracted common grid column classes to a constant for consistency and maintainability
• Added mt-4 margin to Grid for proper spacing from badge

Related Issues

Fixes visual layout bug where condition type labels overlapped with their values in admin condition cards.

Screenshots (if applicable)

Before:

Screen.Recording.2026-05-13.at.19.09.25.mov

After:

Screen.Recording.2026-05-13.at.19.08.41.mov

Testing Instructions

1. pnpm i
2. pnpm dev (or start the greenhouse app)
3. Navigate to an admin view that displays ReadinessConditions with enableDetailsView={true}
4. Click "Show full conditions details"
5. Verify that condition type labels (especially long ones like "HelmReleaseCreated") don't overlap with their values
6. Test responsive behavior by resizing the browser window to mobile, tablet, and desktop sizes

Checklist

• I have performed a self-review of my code.
• I have commented my code, particularly in hard-to-understand areas.
• I have added tests that prove my fix is effective or that my feature works.
• New and existing unit tests pass locally with my changes.
• I have made corresponding changes to the documentation (if applicable).
• My changes generate no new warnings or errors.
• I have created a changeset for my changes.

PR Manifesto

Review the PR Manifesto for best practises.

[changeset-bot]

🦋 Changeset detected

Latest commit: 334350c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@cloudoperators/juno-app-greenhouse	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[Copilot]

Pull request overview

This PR updates the Greenhouse admin ReadinessConditions details layout to prevent long condition type labels from overlapping their values by introducing responsive label-column sizing and simplifying the card structure.

Changes:

• Added responsive width/overflow/wrapping Tailwind classes for the label column via a shared gridColumnClasses constant.
• Simplified ConditionCard layout by removing an extra Stack wrapper and adding mt-4 spacing to the Grid.
• Added a changeset to publish the Greenhouse app patch.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
apps/greenhouse/src/components/admin/common/ReadinessConditions.tsx	Adjusts the expanded condition-card grid layout to avoid label/value overlap using responsive column sizing.
.changeset/fruity-schools-stand.md	Declares a patch release for the Greenhouse app reflecting the UI fix.