flex items-center justify-center（上下左右の中央寄せ）
flex items-center justify-between（左右に振り分け）
左のテキスト
ml-auto（最後の要素だけ右に寄せる）
AB右端
flex-1 / shrink-0（固定幅 + 残りを埋める、長い文字は truncate）
とても長いテキストがここに入ります。min-w-0 と truncate を組み合わせると、はみ出さずに省略記号で切れます。
ページヘッダー（タイトル + 説明 + アクション、スマホでは縦積み）
flex-wrap gap-2（折り返し）
ReactTypeScriptTailwind CSSTanStack RouterViteCloudflare WorkersBiome
flex flex-col + flex-1（sticky footer：中身が少なくてもフッターは下端）
Main（flex-1 で残りの高さを埋める）