AppFrame

Rám celé obrazovky: lišta nahoře, šířka, kam obsah smí, a okraje vedle něj. Šířka je token, ne číslo v každé aplikaci.

Kdy použít

Nejvyšší prvek obrazovky — pod ním teprve IngotPageLayout. Rám drží šířku a okraje, layout svislý rytmus bloků uvnitř.
Aplikace má lištu nahoře. Rám ji přilepí k oknu a nechá ji přes celou jeho šířku, zatímco její řádek zůstane zarovnaný s obsahem pod ní.
Obrazovka, která JE data — široká tabulka, plán, nástěnka — dostane width="full". Limit tam čtenáře nechrání, schová mu sloupce.

Uvnitř jiného rámu. Dva rámy nad sebou znamenají dvoje okraje a obsah, který začíná jinde, než čtenář čeká podle lišty.
Šířka jednoho bloku uvnitř stránky. Čtecí šířka dlouhého textu je IngotPageLayout s width="reading".
Modální okno nebo boční panel. Ty mají vlastní šířku a stojí nad rámem, ne v něm.

children: ReactNode — Obsah obrazovky — typicky `IngotPageLayout`.
width: "app" | "full" — `app` (výchozí) končí na `--frame`; `full` pustí obsah k oběma okrajům. Výchozí je `app`, protože obrazovek, které jsou širokou tabulkou, je pár, a ostatní by na velkém monitoru neměl kdo přečíst.
bar: ReactNode — Lišta nahoře, typicky `IngotTopNav`. Lepí se k oknu a jde přes celou jeho šířku; jejímu `contentClassName` předej `INGOT_FRAME_ROW`, ať její řádek sedí na obsah pod ní.
className: string — Jen svislý rytmus — odsazení shora a zdola. Šířka sem nepatří.
testId: string — Kotva pro testy.