Make compliance portal layout responsive

Add a burger drawer below md, fix document-flow
scrolling so PoweredBy sits after content, and
collapse home grids, list rows, toolbars, and
dialogs for smaller viewports. PDF viewer fits
width; updates skeleton mirrors stacked meta.

Signed-off-by: Émile Ré <emile@probo.com>

packages/ui/src/v2/Dialog/variants.ts

@@ -43,7 +43,7 @@ export const dialog = tv({
     title: "text-4 font-medium text-sand-12",
     description: "text-2 text-sand-11",
     body: "px-6",
-    footer: "flex items-center justify-end gap-3 px-6",
+    footer: "flex flex-wrap items-center justify-end gap-3 px-6 max-sm:flex-col-reverse max-sm:items-stretch",
   },
 });
 

packages/ui/src/v2/ErrorState/variants.ts

@@ -25,7 +25,7 @@ export const errorState = tv({
     root: "flex w-full items-center justify-center",
     block: "flex min-w-64 max-w-md flex-col items-center gap-6 text-center",
     content: "flex w-full flex-col items-center gap-2",
-    actions: "flex items-center justify-center gap-2",
+    actions: "flex flex-wrap items-center justify-center gap-2",
   },
   variants: {
     // Standalone fills the viewport; in-shell sits inside the app chrome.