Kuwait Theme: Custom styling for display-group 'box_*' variants

[jfmcquade]

PR Checklist

• PR title descriptive (can be used in release notes)

Description

Breaks out changes originally included in #2589.

Adds custom styling for plh_kids_kw theme to display group component variants box_primary, box_secondary, box_gray, box_white.

Possibly these would be better as new variants, which would be required if we intend to use some version of the pre-existing variant styles in the KW app.

Git Issues

Closes #

Screenshots/Videos

feature_display_group template:

Design	Kuwait Style

[github-actions]

Visit the preview URL for this PR (updated for commit a047c6b):

https://plh-teens-app1--pr2604-kuwait-kw-custom-dis-gl6bdyql.web.app

_{(expires Thu, 16 Jan 2025 15:36:14 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: e4c0bab6b08dd290fbf002fd6e07987fa4b5fce1}

[esmeetewinkel]

Looking nice! LTR is working well, but the component doesn't currently adapt to RTL. Could that be added here?

RTL design:

[esmeetewinkel]

Looking nice! LTR is working well, but the component doesn't currently adapt to RTL. Could that be added here?

@FaithDaka is this something you could look at?

[jfmcquade]

@esmeetewinkel I've pushed changes so that the styling will adjust for RTL languages:

I believe it should be good to merge if it looks right to you.

@FaithDaka tagging you for awareness, the CSS properties I've used in 3c77723 were new to me

[esmeetewinkel]

Functional test passed