fix: #3613791 Make the On the Ground text readable and render See Other Countries as a grid

Issue: #3613791 Country page: unreadable body text on the dark card and a stacked See Other Countries list

What this fixes

The On the Ground text was unreadable. The card has a dark background and its heading is white, but the body was rendered through the Rich text component, which has no colour property, so the paragraph kept the default dark body colour: dark navy on dark navy. The body now renders through the Text component with text_color: text-white, matching the heading. Verified with getComputedStyle: the paragraph is rgb(255, 255, 255).

See Other Countries stacked. The related display of the countries view used views-view-unformatted, one full-width card per row, while all and latest use a grid. It now uses the same grid style, so the four cards form a row.

How this was verified

• drush site:install recipes/horizonaid from a dropped database: exit code 0, no error lines.
• On /countries/kenya, the On the Ground heading and body are both rgb(255, 255, 255) against the dark card.
• The four See Other Countries cards render across rows instead of one per row, measured from their bounding boxes in the browser.
• All 13 images on the page load real derivatives, no broken images, no console errors.
• gitlab-ci-local runs the project pipeline green (build:composer-validate, validate:yaml-lint).

User interface changes

• The On the Ground text is readable on the dark card.
• See Other Countries renders as a row of cards.

API changes

None.

Data model changes

None.

Release notes snippet

• Fixed unreadable body text on the country page dark card and made See Other Countries render as a grid.

AI-Generated: Yes

Checkpoints

• File an issue about this project
• Addition/Change/Update/Fix to this project
• Testing to ensure no regression
• Automated unit/functional testing coverage
• Developer Documentation support on feature change/addition
• User Guide Documentation support on feature change/addition
• UX/UI designer responsibilities
• Accessibility and Readability
• Reviewed by a human
• Code review by maintainers
• Full testing and approval
• Credit contributors
• Review with the product owner
• Update Release Notes
• Release