tweak(ui): 'new update' image layout optimization to fit more content

[ux-git]

Description

Tweaked the update window image layout. The image container had a fixed height which caused excessive empty vertical space on mobile displays. It now uses a dynamic height with maxHeight: '200px' and objectFit: 'contain'. The parent container padding was also updated to use 16px 0 for all breakpoints.

Type of change

• Bug fix (non-breaking change which fixes an issue)

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• My changes generate no new warnings

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
staging-organized-app	Ready	Preview	Jul 20, 2026 9:12pm
test-organized-app	Ready	Preview	Jul 20, 2026 9:12pm

[coderabbitai]

Walkthrough

The image viewer now has reduced vertical padding, and slide images use automatic height, a 200px maximum height, and contained object fitting.

Changes

Image viewer layout

Layer / File(s)	Summary
Responsive image layout src/features/whats_new/image_viewer/index.tsx	The viewer padding changed from 24px 0 to 16px 0, and slide images now use responsive sizing with height: auto, maxHeight: 200px, and objectFit: contain.

Estimated code review effort: 1 (Trivial) | ~2 minutes

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Title check	✅ Passed	The title matches the main change: optimizing the update window image layout to fit more content.
Description check	✅ Passed	The description directly describes the image layout and padding changes in the update window.

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[mergify]

Tick the box to add this pull request to the merge queue (same as @mergifyio queue).

• Queue this pull request