fix: refine settings dialog layout

.trellis/spec/frontend/components.md

@@ -155,8 +155,13 @@ The project Dialog adapter must:
 - Override Kumo minimum width so mobile dialogs stay inside `100vw`.
 - Keep `transform: none` and `translate: 0 0` on `.teatea-dialog`; use
   opacity/scale-only motion if animation is needed.
+- Kumo may inject `-translate-x-1/2 -translate-y-1/2` before project classes in the
+  runtime class list. Do not rely only on Tailwind class order or a plain CSS rule;
+  the Dialog adapter should enforce `style={{ transform: "none", translate: "0 0" }}`
+  or an equally strong adapter-owned override.
 - Browser validation should assert the panel center is within 2px of the viewport center
-  on desktop and mobile.
+  on desktop and mobile and should inspect computed `translate` when a dialog is visibly
+  offset.
 
 ### Static Module Data Contract