Update Media Queries to Container Queries in AI Catalog and Duo Agents Platform

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Work on this issue
• Close this issue

Description:

Following the FE team's migration from media queries to container queries, we need to audit and update our AI-related components.

Tasks:

• Check ee/app/assets/javascripts/ai/catalog/ for media query usage (e.g., md:gl-hidden)
• Check ee/app/assets/javascripts/ai/duo_agents_platform/pages/flows for media query usage
• Replace media query syntax with container query syntax (prefix breakpoints with @: @md:gl-hidden)
• Test changes locally with tailwind_container_queries feature flag enabled: echo "Feature.disable(:tailwind_container_queries)" | rails c

Migration Guidelines

https://docs.gitlab.com/development/fe_guide/style/scss/#migrating-from-media-queries