feat: field-list rows arrive one after another; every list staggers

DESIGN.md

@@ -42,7 +42,7 @@ Every app page has one loud thing and keeps the rest quiet.
 
 - **The focus** is what a member opened the page for: the next meeting, today's lunch order, what waits on their signature. It sits right under the page header, in the `focus` block, and nowhere else on the page.
 - Only the focus may use the primary color for text (`FocusHighlight`), the spring (`duration-spring`, `animate-rise`) and the large type of `FocusTitle`. Numbers in it roll (`number-ticker`, `countdown`); people in it show as an `avatar-stack`.
-- **Everything else is quiet**: lists in `text-body`, secondary facts in `muted-foreground`, motion at `duration-state` / `duration-overlay`. Lists may arrive with `stagger-rise`.
+- **Everything else is quiet**: lists in `text-body`, secondary facts in `muted-foreground`, motion at `duration-state` / `duration-overlay`. Every list arrives with `stagger-rise`, so pages feel the same when they load.
 - A page with nothing pressing (a settings page, a list of records) has no focus. Do not invent one.
 - A row that has more to say opens in place (`expand-row`) instead of sending the member to another page; editing still happens in a dialog.
 

registry/winlab/blocks/field-list/field-list.tsx

@@ -2,10 +2,10 @@ import * as React from "react"
 
 // One record's fields: the name in a muted column on the left, the value
 // beside it; on a phone the value drops under its name. Rows are split by
-// dividers, like any list.
+// dividers and arrive one after another, like any list.
 function FieldList({ children }: { children: React.ReactNode }) {
   return (
-    <dl data-slot="field-list" className="flex flex-col">
+    <dl data-slot="field-list" className="flex stagger-rise flex-col">
       {children}
     </dl>
   )