Migrate Pages dashboard to Container Queries

What does this MR do and why?

Migrate GitLab Pages dashboard to be compatible with Tailwind Container Queries.

References

• https://gitlab.com/groups/gitlab-org/-/epics/18787
• https://gitlab.com/groups/gitlab-org/-/epics/18930

Screenshots or screen recordings

NA

How to set up and validate locally

1. Enable Project Studio; you can follow this guide.
2. Make sure you have GitLab pages enabled, it requires a number of extra steps that you can do by using following guides;
   • https://gitlab.com/gitlab-org/gitlab-development-kit/-/blob/main/doc/howto/runner.md
   • https://docs.gitlab.com/user/project/pages/
   • https://gitlab.com/gitlab-org/gitlab-development-kit/-/blob/main/doc/howto/pages.md
3. Create a project from template Pages/Plain HTML
4. Run a new pipeline on the project (once you have shell runner configured) as that will cause pages site for the project to be deployed.
5. This should then cause the site to be accessible via http://pages-test-9ea038.127.0.0.1.nip.io:3010/ for instance.
6. Go to Project > Deploy > Pages and check pages like /new, /show, edit for any layout issues with both New UI enabled and disabled.

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related Issues

• https://gitlab.com/gitlab-org/gitlab/-/issues/559602
• https://gitlab.com/gitlab-org/gitlab/-/issues/559601
• https://gitlab.com/gitlab-org/gitlab/-/issues/559566
• https://gitlab.com/gitlab-org/gitlab/-/issues/559565