BUG:(design-system-ui): ComponentPreview layout clips and breaks responsiveness on mobile viewports

# Bug report - [x] I confirm this is a bug with Supabase, not with my own application. - [x] I confirm I have searched the [Docs](https://docs.supabase.com), [GitHub Discussions](https://github.com/supabase/supabase/discussions), and [Discord](https://discord.supabase.com). ## Describe the bug Inside the Supabase Design System documentation site (`/apps/design-system`), component previews break responsiveness on mobile devices. The preview container uses rigid padding alongside elements with fixed widths, causing visual assets to overflow and clip heavily off the left and right edges of mobile viewports. ## To Reproduce Steps to reproduce the behavior: 1. Go to `https://supabase.com/design-system` on a mobile device (or toggle mobile device emulation/responsive mode in browser DevTools). 2. Navigate to the **Copywriting** documentation (or any section with component previews like Confirmations and dialogs). 3. Scroll down to the component previews (e.g., **"State consequences clearly"**). 4. See error: The dialog components and cards are truncated and bleed past the viewable boundaries of the screen. ## Expected behavior The component previews should be fully responsive. On smaller mobile screen configurations, the inner component elements and card layouts should gracefully scale down (by leveraging fluid width configurations combined with `max-w-full` constraints), and the parent layout container padding should reduce (`p-4` on mobile instead of a global `p-10`) to keep documentation fully legible. Multiple columns should wrap to a single column on small screens. ## Screenshots ### Mobile (Layout Bug - Before) <!-- Add your broken mobile layout screenshot here --> <img width="383" height="673" alt="Image" src="https://github.com/user-attachments/assets/faeba844-c137-4ab2-aa2c-2299e5ae5bf0" /> <img width="377" height="667" alt="Image" src="https://github.com/user-attachments/assets/e995289c-8c4c-4ba2-8fac-f36bfe869cd7" /> <img width="376" height="671" alt="Image" s…